Pages

Senin, 19 Maret 2012

Cara Mudah Membuat Tombol Pin It Di Blog

Setelah bergabung ke Pinterest, saya menemukan sebuah tombol Pin It yang bisa dipasang di dalam blog. Tombol Pin It ini seperti halnya fitur repin di dalam Pinterest, namun kita mengambil gambar dari dalam halaman yang sedang dibuka. Contohnya silahkan lihat pada sidebar blog ini, diatas easy mashable social.
Saat di klik, maka akan muncul popup yang menampilkan gambar-gambar dalam satu halaman tersebut. Jika gambar tersebut disorot akan muncul tombol Pin It yang jika dalam keadaan login akan langsung masuk ke pin kita di pinterest. Jika ingin kembali tanpa klik Pin It, bisa memilihCancel Pin.
Cara Mudah Membuat Tombol Pin It Di Blog, Membuat Tombol Pinterest
Cara Mudah Membuat Tombol Pin It Di Blog, image credit : makemyblogpretty.com
Cara Mudah Membuat Tombol Pin It Di Blog
Caranya sangat mudah, sisipkan kode dibawah ini ke dalam blog Anda. Bisa di sidebar atau di dalam single post dijajarkan dengan tombol social share yang lain.
<a href=”javascript:void((function(){var%20e=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)})());”><img src=”YOUR-IMAGE-SRC-HERE” alt=”Pinit” /></a>
Silahkan ganti source image YOUR-IMAGE-SRC-HERE dengan url image tombol yang Anda inginkan. Jika ingin memakai seperti pada sidebar blog ini, silakan simpan saja gambarnya lalu upload. Atau langsung ambil url gambarnya.

0 komentar:

Posting Komentar