Jumat, 21 Juni 2019
Blogger

Menambahkan Tombol Pin it Pinterest Pada Gambar

Gambar sepertinya sudah seperti suatu keharusan untuk setiap postingan artikel, karena gambar sangatlah berperan penting, selain sebagai alat untuk membuat tampilan blog lebih atraktif, gambar juga sangat berperan penting sebagai suatu alat untuk membuat para visitor merasa nyaman dan juga sebagai penjelas suatu topik yang ditulis.

Sebelum saya masuk ke source codenya, saya akan menjelaskan terlebih dahulu apa itu pinteres ?, pasti banyak dari kawan-kawan yang bertanya-tanya apa sich Pin it (Pinterest), pinterest adalah Pin bisa berupa apa saja—hadiah, resep, atau bahkan penawaran. Pin itu seperti penanda buku kecil yang orang-orang tambahkan ke Pinterest dan selalu mengarah kembali ke situs asalnya (seperti milik Anda!), namun media pinterest ini baru-baru juga populer, mungkin kalau saya boleh menebak belum semua pengguna internet tau apa itu pinterest, nah pada artikel kali ini saya berharap bagi kalian pembaca sudah ada bayangan sedikit tentang apa itu pinterest. Oleh karena saya menganggap pin it itu penting, karena dengan adanya tombol pinterest ini pada setiap gambar yang saya upload berarti tidak menutup kemungkinan gambar-gambar itu masuk sebagai salah satu bagian yang mengisi wadah media pinteres itu sendiri, Oleh karena penting, bagi kamu yang berminat ingin menambahkan tombol pinteres seperti pada gambar diatas, kamu bisa mengikuti langkah-langkah berikut ini :

Note : Jangan lupa backup template kamu terlebih dahulu sebelum melakukan adegan ini, siyeeeee adegan wkwkwkwkwk.

Menambahkan Tombol Pin It

Langkah 1 : Login ke Blogger Dashboard => Pilih Template => Kemudian klik tombol Edit HTML

Langkah 2 : Masuk kearea code kemudian tekan tombol CTRL+F temukan code berikut ini

</body>

Setiap web/blogger pasti mempunyai tag </body> ini, jadi hati-hati jangan sampai terhapus, karena kalau terhapus akan membuat tampilan blog kamu menjadi blank

Langkah 3 : diatas code </body> tambahkan script berikut ini :

Ubah posisi letak tombol pinterest

Pastikan script yang sudah kamu tambah betul semua, kemudian kamu bisa mengubah posisi tataletak dari tombol pinterest itu sendiri, karena tidak semua manusia sama kreativitas, seperti kata pepatah : Rambut boleh sama hitam tapi kreativitas tidak, oleh karena itu saya yakin pasti dari kalian ada yang ingin membuat tombol ini lebih tampil elegan dengan memposisikan tataletaknya.

var pinit_button_position = “center“;

gantikan tulisan warna merah tersebut dengan salah satu code dibawah ini untuk merubah posisi letak tombol dengan code dibawah ini

topleft

topright

bottomleft

bottomright

Dan ubah tombol pin it! mouse hover sesuai keinginanmu, gantikan alamat url pada var custom_pinit_button berikut dengan tombol yang kamu sudah tentukan

Langkah 4 : Save Template kemudian jalankan template anda, sekarang arahkan kursor mouse pada gambar di blogger kamu maka akan muncul tombol Pint it! warna merah, tekan tombol tersebut dan akan diarahkan pada url www.Pinterest.com…

Bagi kamu yang ingin menghilangkan tombol pinterest pada gambar tertentu bisa menambahkan code dibawah ini pada url gambar halaman HTML postingan kamu

class=”nopin”

perhatikan gambar dibawah

Menambahkan Tombol Pin it Pinterest Pada Gambar

itu saja dari saya, selamat mencoba dan salam hangat blogger

Baca Juga :  Cara Mengubah Label dan Menghapus
Nurul Arifin
the authorNurul Arifin
Admin & Writer
Only I can change my life. No one can do it for me.