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

Jumat, November 16, 2012

Browse » Home » » Menambahkan Button Pinterest "Pin It" Di Blogspot

Menambahkan Button Pinterest "Pin It" Di Blogspot

Author: Olahragawan | Posted at: Jumat, November 16, 2012 | Tags: |
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: Olahragawan

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

Share |

1 komentar:

surur blog on 18 November 2012 pukul 16.08 mengatakan...

itu gunanya buat apa gan......

Reply To This Comment

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"

 

Copyright © 2009 Modification Blog by Blogger Jepara