Tutorial Letak Pin It Button Pada Hover Gambar

Hola...

Lama tak tulis tutorial, aku tulis ni pun untuk rujukan aku sendiri je masa depan nanti, tapi siapa nak guna tutorial ni silakan.

Dah lama aku cari button pin it pada setiap gambar disebabkan template aku tak ada kemudahan tu, sayanglah kadang-kadang aku rasa nak pin post tu tapi tak boleh. Jadi aku godek sana godek sini pun tak jumpa tutorial yang boleh tolong aku. 

Tara! Sekarang aku dah pun jumpa cara mudah nak letak pin it button tu, disebabkan cara ni mudah so dia simple dan tak lawa ler, tapi takpelah asal ada kan. 

01. Log in Pinterest kita

02. Buka profile dan klik pada tiga dot > pilih make a widget

Tutorial Letak Pin It Button Pada Hover Gambar


03. Pilih Save Button > Pilih bentuk Button Type ikut selera > Copy code yang aku bulatkan

Pin It Button Pada Hover Gambar
04. Buka dashboard blog > template > Edit Html > Ctrl + F cari </body>

05. Paste code pinterest di ATAS </body>

06. Save template. 

*07. Jika ada masalah untuk save sebab "async" associated with an element type "script" must be followed by the ' = ' , gantikan code Pinterest Kita dengan code ini.

<script async='async' src='//assets.pinterest.com/js/pinit.js'></script>

Ok settle sudah satu bab. Semua gambar dah ada button pin it. Tapi serabut pula aku tengok button tu pada header aku, adoiii.... Siapa tahu cara remove button pin it pada header gambar?


Follow

Post a Comment

12 Comments

  1. hi.pandai awak mengunakan code html ye (^_^).

    ReplyDelete
    Replies
    1. Ala bolehla ucing, hasil godek sana godek sini, haha.

      Delete
  2. teringin nk buat... tp x penah nya menjadik

    ReplyDelete
  3. Akak tak tahu apa-apa. Semua owner template buatkan. Hehe. Termasuk Pin It Button :D

    ReplyDelete
  4. Hehehe saya guna untuk cari freebies je, banyak bunga2 cantik, haha.

    ReplyDelete
  5. ad secara x sengaja buat pun interest nie tp x reti guna.hehe

    ReplyDelete
    Replies
    1. Hehehe best tau Mas, boleh tengok banyak blog yang menepati taste kita...

      Delete
  6. tq atas sebab sudi kongsikan tuto ni. :)

    ReplyDelete
    Replies
    1. Sama-sama busyra, hihihi, moga bermanfaat.

      Delete