Tutorial : Cara Letak Icon Facebook, Twitter Di Tepi Blog


As-Salam

Selalunya orang yang nak buat benda ni of coz untuk kemaskan blog kan?
Yela tak nak blog nampak serabut.

I pulak ambik cara ni untuk kemaskan blog. 
Icon facebook kat tepi blog. Hehe 

1. pi Dashboard -->Layout -->Add a Gadjet -->Html/JavaScript

2. Copy code kat bawah ni dan paste kan ke Html.

<div style="display:scroll; position:fixed; top:200px; left:0px;">
<a class="linkopacity" href="http://www.facebook.com/facebook ID" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />
</div>

3. Jangan dulu save! Edit dulu

200 : Kedudukan icon kat tepi blog tu. Maknanya jarak icon tu dari atas.

left : kedudukan icon tu u all nak letak kat kiri? atau kat kanan? 
0 : Jarak icon tu dari kanan ke kiri atau sebaliknya
facebook id : Letak id facebook u all.
Facebook : nama icon tu.
Url icon image : url gambar icon

4. save..!

If  nak tambah icon lain, contoh nak tambah Icon Twitter, copy code kat bawah dan paste kan dibawah code facebook tadi dalam gadjet sama. Jangan lupa adjust jarak supaya icon tak bertindih

<a class="linkopacity" href="https://twitter.com/EmasPutih90" target="_blank" rel="nofollow" title="Twitter" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />

Tukar code kaler merah tu pegi link Twitter korang
then yang hijau tu tukar ke url image Twitter korang.

takde Url Image Facebook + Twitter ?
Boleh ambik kat SINI

p/s : Buat step by step tau. Supaya tak pening. Selamat Mencuba.

Credit to Fiza

10 comments