Menambahkan Button Pinterest "Pin It" Di Blogspot Menambahkan Button Pinterest "Pin It" Di Blogspot | Blog Online Ganden

Jumat, November 16, 2012

Menambahkan Button Pinterest "Pin It" Di Blogspot

Pada postingan kali ini sesuai dengan judulnya. Saya akan berikan trik cara mudah menambahkan button pinterest pada blogspot kamu. Apa itu Pinterest? Silahkan di search di kolomnya Mbah Google ye... Disini saya hanya akan memberikan tutorial cara mudah untuk memasang button pinterest di blog saja.
Contoh Button Pin It Pinterest
Pada intinya Pinterest merupakan sebuah social media yang cukup terkenal dan sangat bagus untuk menjaring traffik/pengunjung ke blog kamu.

Untuk Cara Menambahkan Button Pinterest di Blogspot, Ikuti langkah-langkah seperti dibawah ini :
1. Klik Menu Template, Kemudian Edit HTML
2. Cari kode <data:post.body/>
3. Jika kamu ingin meletakkan button Pinterest dibawah postingan, silahkan copy paste di bawah kode nomer 2. Sebaliknya jika kamu ingin memasang button diatas artikel atau dibawah judul maka silahkan paste kode button diatas kode nomer 2. (NB:Setiap kode pada template blog berbeda-beda, namun pada intinya sama. Silahkan berimajinasi sendiri ye).
4. Pilih salah satu kode Button Pinterest dibawah ini :

Bassic Button Pinterest
<a class='pin-it-button' count-layout='none' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</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(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;); e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;); e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999); document.body.appendChild(e); } </script>

Vertical Button Pinterest
<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</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(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;); e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;); e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999); document.body.appendChild(e); } </script>

Horizontal Button Pinterest
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</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(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;); e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;); e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999); document.body.appendChild(e); } </script>
Nah, pada script kode untuk menambahkan button Pin It Pinterest diatas ada tiga jenis. Silahkan pilih salah satu untuk ditempatkan diblog yang kamu miliki. Good Luck.

Title Post: Menambahkan Button Pinterest "Pin It" Di Blogspot
Rating: 100% based on 92189 ratings. 5 user reviews.
Author: Ganden Kohkono

Terima kasih sudah berkunjung di blog Ganden Online, Jika ada kritik dan saran silahkan tinggalkan komentar

1 komentar:

surur blog on 18 November 2012 16.08 mengatakan...

itu gunanya buat apa gan......

Loading....

Posting Komentar

Terima Kasih Kunjungan Anda.
Komentar Anda sangat Berarti Buat Saya. Jadi, silahkan anda berkomentar tentang artikel yang berkaitan postingan saya. "Jangan Nyepam atau numpang link untuk kepentingan sendiri tanpa seijin penghuni blog"

 

Blog Online Ganden Copyright © 2009 Modification Blog by Blogger Jepara

Mebel Jepara