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!

Poskan Komentar Blogger Disqus

  1. selamat menunaikan ibadah puasa gan....
    wah saya gak sempat buat artikel baru nich...

    BalasHapus
  2. @Denddy Gustiana Yo'i sma2 gan . . .
    wah klo sya nynte aja gan, smuanya udh d buat n ada d draft tiggal d shrin aja . . .

    BalasHapus
  3. Manteeeep sob artikelnya :)
    http://apotekherbalkita.com/

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top