Menambahkan Pinterest "Pin It" button di Blogger

Pinterest jaringan sosial baru didorong dalam jumlah dan kekuatan secara dramatis bahwa kini telah menjadi jaringan sosial media tahun 2012 dengan lebih dari 10,4 Juta pengguna terdaftar dan 50 juta posting blog yang menampilkan Pinterest termasuk OW. Pengguna Pinterest harian telah meningkat lebih dari 145 persen sejak awal 2012. Lebih dari seperlima pengguna Facebook berada di Pinterest setiap hari secara tunggal (yang sama dengan lebih dari 2.000.000 pengguna FB). Ini menunjukkan betapa gila ini sosial media platform baru yang muncul di antara para raksasa yang sudah ada seperti Facebook, twitter, Google Plus dan LinkedIn.

Oleh karena itu Pinterest menjadi sumber rujukan lalu lintas berikutnya yang penting bagi blogger untuk meningkatkan lalu lintas ke blog mereka melalui Pinterest. Bagi saya jujur ​​debugging kode Pinterest adalah tugas yang paling sulit. Pinterest Goodies Halaman menyediakan kode HTML sederhana dengan link JavaScript dan tidak mengandung variabel dinamis / parameter yang dapat bekerja di blogger atau blog berbasis wordpress. Mereka tidak memiliki halaman pengembang dari mana orang bisa mendapatkan informasi yang relevan. Jadi kita harus mengandalkan forum dan plugin Wordpress untuk merobek keluar kode untuk blog BlogSpot. Kode ini sangat sensitif sehingga jika Anda mencoba untuk membuat perubahan sedikit pun untuk itu, ia tidak akan berhasil.

Saya telah menambahkan tombol hitungan horizontal yang bertahap setiap kali posting yang disematkan. Anda tidak perlu khawatir tentang seleksi thumbnail fitur yang benar karena kita menggunakan kode JavaScript kustom yang akan menawarkan pengunjung dengan berbagai gambar yang dapat dipilih untuk penunjuk / pin posting blog Anda.

Sebelumnya baca juga postingan yang ini:

1. Menambahkan Facebook Like Button Di Blogger.
2. Menambahkan Twitter Tweet Button Di Postingan Blogger.

---

Menambahkan Pinterest "Pin It" button di Blogger

---

Jangan mengedit kode di bawah ini dan jangan menambahkannya dalam Tabel atau bagian div karena JavaScript ini sensitif terhadap sedikit perubahan. Gunakan hanya di bawah /atas postingan. Saya akan mempublikasikan posting baru tentang bagaimana untuk menambahkannya (Pinterest "Pin It") ke widget Anda.

1. Pergi ke akun blogger Anda.

2. Pada Dasbor klick Template ➨ Edit HTML

3. Centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.

4. Selanjutnya dalam Edit Template Anda cari kode berikut

<data:post.body/>

5. Bila kesulitan mencarinya silahkan klick DISINI


6. Sekarang jika Anda ingin menambahkan tombol Pinterest "Pin It" di bawah judul posting maka anda harus menyisipkan kode-kode yang datang tepat di atas kode pada langkah #6 sebaliknya jika anda ingin menampilkan tombol di bagian bawah posting kemudian tambahkan kode yang datang tepat di bawah langkah # 6 kode.

7. Paste kode berikut di bawah atau di atas (tergantung pada pilihan Anda) kode di langkah # 6

Basic Button

Basic Button Code

<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

Vertical Count Button

Vertical Count Button Code

<a class='pin-it-button' count-layout='vertical' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script'); e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

Horizontal Count Button

Horizontal Button Code

<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script'); e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

8. Simpan template, dan lihat hasilnya.

---

Cara kerjanya?

---

Setelah mengklik pin sekarang tombol, jendela akan terbuka yang berisi gambar thumbnail penting pada posting blog tertentu. Pengunjung akan pin hanya satu gambar dan kemudian ia akan diminta untuk menambahkannya ke papan Pin dan berbagi di akun Pinterest nya. Jika misalkan pengunjung tidak ingin pin gambar apapun maka ia dapat mengklik tombol Batal Pin untuk kembali ke posting blog.

---

Butuh bantuan?

---

Ikuti tutorial mudah dan beritahu saya jika Anda membutuhkan bantuan lebih lanjut. Saya telah mencoba untuk menambahkan semua kode yang diperlukan untuk membuat sesuatu bekerja. data variabel: post.url hanya disertakan dan saya tidak termasuk satu untuk thumbnail karena lebih bijaksana untuk membiarkan pengunjung memilih thumbnail pilihannya agak memaksa dia untuk memilih salah satu yang secara otomatis Anda berikan. Bersenang-senang menjelajahi burung sosial media baru dan kami saya pastikan untuk mendidik Anda dengan penggunaan yang tepat. Jangan lupa untuk Pin posting ini dengan tombol di bawah ini!