CARA Menambah Pin It pada blog kita

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. 

gandenonline.blogspot