Monday, July 26, 2010

Tutorial Icon Social Terapung

Hari ini berbaik hati plak nak siapkan tutorial untuk icon social terapung, macam yang ada dekat blog aku nie. icon2 facebook, twitter n etc. =)


Step pertama, copy code dekat bawah nie.

<div style='display:scroll; position:fixed; top:5px; right:3px;'>
<a href="Link Facebook Kamu" target="_blank" class="linkopacity"><img src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" alt="Follow Me on FB" /></a>
</div>

<div style='display:scroll; position:fixed; top:69px; right:3px;'>
<a href="Link Twitter Kamu" target="_blank" class="linkopacity"><img src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" alt="Follow Me on Twitter" /></a>
</div>

<div style='display:scroll; position:fixed; top:133px; right:3px;'>
<a href="Link Rss Kamu" target="_blank" class="linkopacity"><img src="http://img.photobucket.com/albums/v486/mafiatrg/rss_64x64.png" alt="Follow Me via RSS" /></a>
</div>

<div style='display:scroll; position:fixed; top:197px; right:3px;'>
<a href="http://www.blogger.com/home"  class="linkopacity"><img src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" alt="Dashboard" /></a>
</div>

Pastekan dalam notepad. 
Lepas tu, koorang ubah  Tulisan Biru dengan link2 kamu tau. =)
Lepas tu, masuk Dashboard>Design>Add Gadget>html/script coding.
Paste jew dalam tu. Koorang juga boleh ubah right kepada Left

Ok, tu jew. =)