Cara Mudah Membuat Tombol Pin It Di Blog

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 memilih Cancel 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.

Mudah sekali bukan cara membuat tombol Pin It di Blog ?


Author:

dHaNy, Blogger Kambuhan pengelola utama danisetiyawan.com, WordPress Lovers, Easy going, Big dreaming to success » Facebook | Twitter | Google+

27 Responses for Cara Mudah Membuat Tombol Pin It Di Blog
  1. Dendy Darin
    Twitter:
    says:

    jadi tertarik nih mas Dhany. Tapi memberatkan loading ngga ya?

  2. Leo Ari Wibowo
    Twitter:
    says:

    Masih nunggu invitation dari pinterest

  3. farizalfa
    Twitter:
    says:

    Apa fungsinya kayak fitur share gitu ya mas dhani?

  4. KD
    Twitter:
    says:

    Menarik, untuk memperkaya tools “penyebaran” konten kita ini ya mas ?

  5. dHaNy
    Twitter:
    says:

    Jembatan terangker yang pernah ada

  6. dHaNy
    Twitter:
    says:

    Jembatan Terangker yang pernah ada

  7. beuh, judulnya lain, komentnya yg diatasku ini lain.

    hehhee..

    wah jembaannya sangar ahhhhhhhhhhhhhhhhhhhhhh.. Ngeriii (,”)

  8. isnuansa
    Twitter:
    says:

    Baru denger nih soal Pinteres, baca-baca dulu ah..

  9. budiastawa
    Twitter:
    says:

    Wah baru tau nih ada Pinterest. Dipelajari dulu mas Dany. Thanks infonya…

  10. Miftahur
    Twitter:
    says:

    JQuery memang mantap!!!
    Banyak banget fitur yang bisa kita buat pake library Javascript ini :D

  11. Jauhai
    Twitter:
    says:

    Mbok saya di undang terlebih dahulu… Itu #kode

  12. Abed Saragih says:

    Terima kasih telah berbagi informasinya mas bro.

  13. Abdul Gani
    Twitter:
    says:

    Kayak aplikasi Snag It ya….!??

  14. [...] yang saya kenal baik di Twitter maupun Facebook. Sejak awal saya bergabung saya langsung memasang tombol Pin It di sidebar blog ini. Ke depannya pengen di bawah posting atau title aja.Desain Unik Profil [...]

  15. adi susanto says:

    pas di scroll ke bawah ptonya hahaha,,

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Jawab Dulu: