Wednesday, January 17, 2018

Tutorial 145: Membuat Button Facebook, Instagram, Twitter di Sidebar

Assalammualaikum,

Hari ni aku nak share 1 tutorial semudah ABC je, insyaallah boleh jadi punya?
Maaflah, sejak berkurun lama tak update tutorial. Busy je memanjang.
Kali ni tutorial button media sosial seperti facebook, instagram, twitter kat sidebar korang.
Dengan murah hati cik farah ni nak kongsi tutorial, siap nak bagi freebies button lagi.

Macam kat sidebar aku nih,

1.Login ke Blogspot, clik Layout > Add a Gadget (Sidebar)  >  HTML/JavaScript 

2. Copy code di bawah dan paste ke dalam Html/Java Script



<center><table border="0"><tbody><tr><td>

<a href="https://www.facebook.com/nurfaraharryna" target="_blank"><img alt=" Add Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3e7TLEhzvGe-M1xdm-EdOaaiURe4j3S3nkq-iHx8WA9tVA14HhE0R_kAtxmnZ74wnabY2wbvma1IVk83cZZPeGT9Li9a4iBcuTxJycCpfmA5aSnNrQr4gt0MLJzY6mWHaj3Ksj6K9yuYt/s1600/Facebook.png" style="width:50px;height:50px" /></a></td><td>

<a href="https://twitter.com/fara_idola" target="_blank"><img alt=" Follow Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijNpMHIAHvkCrs_-WTIrghudJezMHgg1eYSqqNmGTBMpogf134nBG0FK00QAXhGN1nYoH4IBkO93a0738iYnMnptsqStIbCAD-sSYE1QGWhybWPbO8gKNFuw4NAAd7iDVZxuIIUvy29gfr/s1600/Twitter.png" style="width:50px;height:50px" /></a></td><td>

<a href="https://www.instagram.com/puteri_nurfarah/" target="_blank"><img alt=" Follow Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKldXvIsLMMKitTCLfsemCcrq3SBsNPkKSiu749zEn536i9wT4bfqI1N5JaHKHVKA0TY4bL6983AcNd1KMHECUf8Hl8UFRgrVa3Q_nA-fFMOvobl2Wtut-c0qq_4yImbwUyhqX48KLhlp7/s1600/Instagram.png" style="width:50px;height:50px" /></a></td><td>

<a href="https://www.pinterest.com/" target="_blank"><img alt=" Follow Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGVwlGJYl9YuvWX65hq4W05REIOVvhn55-cCZbn2_3ORCj0TIiX3DOScJ1QOLwZAc6qxD9Fxs-yCMoiXQ3bO1HvNuPXcoZtOSOAwbbWOzL0JlGrN_oHDys3bbZLfUxK0d8iMrDLBfEG4U/s1600/Pinterest.png" style="width:50px;height:50px" /></a></td>

</tr></tbody></table></center>

Tukar:
BIRU - Link Facebook
MERAH - Link Twitter
OREN - Link Instagram
UNGU - Link Pinterest

Kalau nak letak Facebook page boleh tambah code di bawah:

<a href="https://www.facebook.com/blogmissfarah/" target="_blank"><img alt=" Follow Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXsXKTj0w1eA6h3nDnhTMg8Czg617mBQcpEDOE8YXBzIOT6V4B4Qbk1jIdD8h-VpDfn4PRcSWooud1HZrjoF7_sqzP7VsN9ahmRj1hzxVvZcAF9yfTcGeXM_dvRtaXRYmHYIIjunDDT-r6/s1600/Facebook.png" style="width:50px;height:50px" /></a></td>

Sebelum code HIJAU 

</tr></tbody></table></center>

3. SAVE dan lihat hasilnya.

Nak yang lain? Boleh cuba TUTORIAL INI juga.

SHARE:

11 comments

  1. Macam mana nak tukar warna sidebar, dah buat, warna pink la pulak

    ReplyDelete
  2. terima kasih awak, sangat membantu untuk newbie mcm sy hehe

    ReplyDelete
  3. Hiii mind to ask, nak tukar daripada pink kepada warna lain boleh? ke dah memang fixed?

    ReplyDelete
  4. Hai terima kasih ye, Alhamdulillah dapat juga buat...byk dh try tutorial lain xjadi, kali ni jadi🤭

    ReplyDelete
  5. Assalamualaikum, farah... kita mohon copy yer... minta dihalalkan yer.. TQ

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH