Tutorial : Cara masukkan butang Facebook, Instagram, etc pada sidebar

Assalamualaikum dan selamat pagi.

Hari ni nak kongsi cara bagaimana nak masukkan butang atau logo media sosial korang ke sidebar. Nanti bila pengunjung tekan, dorang akan dibawak directly ke akaun media sosial korang. Jom!

Mula-mula macam biasa kena log in lah. Lepas tu pergi ke layout blog korang dan tekan 'Add Gadget' di bahagian sidebar blog dan pilih 'Add Html/Java script'. Untuk tajuk dia, korang boleh isilah apa-apa tajuk korang nak. Macam saya letak "Contact Me" je. Hihi. Lepas tu salin kod di bawah ni dan tampal dalam ruangan bawah tajuk tu.

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

<a href=" LINK FACEBOOK KORANG " target="_blank"><img alt=" Add me!" src="URL ICON FB" style="width:50px;height:50px" /></a></td><td> 

<a href="LINK INSTAGRAM KORANG" target="_blank"><img alt=" Follow Me!" src="URL ICON INSTAGRAM" style="width:50px;height:50px" /></a></td><td> 

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

Tak selesai lagi. Korang kena tukar beberapa benda pulak sebab nak ikut korang punya akaun kan. Yang kat ataih ni saya punya. Yang saya highlightkan kelabu tu masukkan link facebook korang. Caranya, pergi kat facebook korang punya profile dan copy link kat atas tu. (Rujuk gambar)

 Lepas tu yang url icon fb tu korang boleh ambik url icon fb yang korang nak guna. Check out my freebies. Saya pun ada sediakan beberapa icon untuk tutorial ni. Click here!

Buat maca tu jugak untuk ig. Macam mana nak dapat link Ig? Caranya, guna instagram kat web. Ambik link kat atas tu macam FB tadi. Pastikan ambik takat ada "/" je macam dalam gambar di bawah.

Dan kalau korang nak masuk banyak lagi akaun kat sidebar tu, salin dan tampal je kod yang sama untuk fb/ig tadi dan masukkan link utk akaun tu dan url untuk icon yang patutlah. Get it? Pastikan korang tampal in between kod </tr></tbody></table></center> lah.

Okay, kalau dah boleh preview dulu. Kalau cun, save!