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+

25 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?
    Tulisan Terakhir Dendy Darin = Blogger’s Big Question: Menunggu atau Ditunggu? (Dan Kenapa Blogger Harus Memilih Untuk Ditunggu)

  2. Leo Ari Wibowo
    Twitter:
    says:

    Masih nunggu invitation dari pinterest
    Tulisan Terakhir Leo Ari Wibowo = Kenapa Saya Tidak Suka Plugin Easy Mashable Social Bar

  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 ?
    Tulisan Terakhir KD = Kisah Petani Yang Sukses Dengan Berbagi

  5. dHaNy
    Twitter:
    says:

    Jembatan terangker yang pernah ada

    Tulisan Terakhir dHaNy = Cara Mudah Membuat Tombol Pin It Di Blog

  6. dHaNy
    Twitter:
    says:

    Jembatan Terangker yang pernah ada

    Tulisan Terakhir dHaNy = Cara Mudah Membuat Tombol Pin It Di Blog

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

    hehhee..

    wah jembaannya sangar ahhhhhhhhhhhhhhhhhhhhhh.. Ngeriii (,”)
    Tulisan Terakhir bangnes dot com = Puisi Tragedi Tugu Tani

  8. isnuansa says:

    Baru denger nih soal Pinteres, baca-baca dulu ah..
    Tulisan Terakhir isnuansa = Cara Menambah Profil Twitter di Komentar

  9. budiastawa
    Twitter:
    says:

    Wah baru tau nih ada Pinterest. Dipelajari dulu mas Dany. Thanks infonya…
    Tulisan Terakhir budiastawa = Voice of The Wind

  10. Miftahur
    Twitter:
    says:

    JQuery memang mantap!!!
    Banyak banget fitur yang bisa kita buat pake library Javascript ini :D
    Tulisan Terakhir Miftahur = Maksimal ‘DICIPOK’ di Kopdar Komunitas Blogger Jogja

  11. Jauhai says:

    Mbok saya di undang terlebih dahulu… Itu #kode
    Tulisan Terakhir Jauhai = Blogger Jawa itu harus Njawani #dicipok

  12. Abed Saragih says:

    Terima kasih telah berbagi informasinya mas bro.
    Tulisan Terakhir Abed Saragih = Extreme Copy 2.0.5 Pro,Tercepat Dalam Copy Data Hingga 20-200%

  13. Abdul Gani
    Twitter:
    says:

    Kayak aplikasi Snag It ya….!??

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>

CommentLuv badge

Jawab Dulu: