Cara Memasang Tombol Pinterest pada Semua Gambar di Blogger

Tahu Pinterest? Saya anggap sudah tahu :D Tahu bagaimana memasang tombol Pinterest di postingan Blogger? Sudah, kan telah banyak yg membahas. Nah, bagaimana cara memasang tombol Pinterest dalam semua gambar di postingan Blogger? Ini yg mungkin belum dalam tahu (atau saya yg kudet?).

Begini, ini merupakan cara resmi yang diluncurkan Pinterest dalam lepas 7 Oktober kemarin. Hanya menggunakan memasang sedikit kode javascript, tanpa menambah HTML apapun, tombol Pin it akan muncul tiap kali Anda mengarahkan kursor (hovering) pada gambar yg berada pada dalam postingan.
Iya, dengan memasang tombol Pin it di blog Anda, pengunjung akan semakin gampang buat memberikan gambar pada Pinterest (cocok buat blog bertema fotografi dan sejenisnya) Silakan lihat demo dari output pemasangan tombol Pin it pada blog Fakta4 kemudian ikuti tutorial berikut adalah.
Sudah pernah memasang tombol Pinterest sebelumnya? Silakan cari dulu kode-kode berikut pada template Anda serta masukkan kode yang diharapkan.
Silakan buka template Anda, cari kode berikut (atau yang mirip)
Selanjutnya masukkan atribut data-pin-hover sehingga menjadi seperti ini
Bila Anda memakai script asynchronous, cukup tambahkan atribut ini p.setattribute('data-pin-hover', true); sebagai akibatnya hasil akhirnya sebagai misalnya ini.
Bila Anda belum pernah memasang tombol Pinterest sebelumnya, tambahkan keliru satu (iya, salah satu saja) kode yang berada pada kotak bertanda hijau pada atas serta letakkan sebelum kode , lalu simpan template Anda.
Sebagai catatan, tombol Pin it tidak akan timbul pada gambar background (yg diatur menggunakan CSS), gambar yang ukuran kurang dari 80 x 80 px, dan gambar yang mempunyai atribut data-pin-no-hover="true", nopin="nopin", dan gambar menggunakan atribut src yang dimulai menggunakan data:
Selamat mencoba :)