TUTORIAL FLOATING SOCIAL BOOKMARK

-SALAM-

hye!!
ari ni ak nak try wat tutorial blog cket...
korang prasan x ada button fB, twitter ngn formspring kat tepi sblh kiri blog ak ni???td ak buka shoutbox ada knln baru nama DEA tnya ak cmne nak wat...sbnrnya ak sndiri pn da x egt dr mn ak blajar wat bnda tu sbb kbykn script ak edit suka ati aku jew...hahaha...

oleh sbb ak da lupa dr mn s0 ak ajar jew la kn...minta maaf byk2 kt blog yg ak da lupa tu sbb ak xdpt nak kredit :'(
nama bnda alah tu pn ak create sukati ak jew bdasarkn ayat cik DEA...h0h0h0...

ok j0m cekedaut!!

1) copy script kat bwh ni dan paste kt notepad spya senang korang nak edit [bg highlight pastu ctrl+C sbb blog ak ni disable right click]

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; bottom:100px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/zieluvista' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://www.iconspedia.com/uploads/15576324521915863267.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/#!/zieluvista' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://www.iconspedia.com/uploads/1264920435358924669.png" /></a><br />

<a class='linkopacity' href='http://www.formspring.me/zieluvista' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://www.iconspedia.com/uploads/608150377428303546.png" /></a><br />

</div>

 2) korg edit la cket...
merah : ni utk adjust kedudukan benda tu...
bottom : bawah
top       : atas
left       : kiri
right     : kanan

oren   : ganti dgn url profile yg korang nak msukkan (fB, twitter, formspring)
hijau  : ganti dgn nama yg korang suka
biru   : ganti dengan url icon yg korang suka...contoh icon blh cuba cari kat SINI

kalau korang nah wat lebih just copy script bwh ni dan paste kat atas </div>

<a class='linkopacity' href='http://www.formspring.me/zieluvista' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://www.iconspedia.com/uploads/608150377428303546.png" /></a><br />

pastu edit cm biasa...

3) da habis edit...korg pegi DESIGN>PAGE ELEMENTS>ADD GADGET>HTML/JAVASCRIPT>SAVE

4) siap!!!try preview...klu xjadi komen kat aku k...


k lah nak tdo jap!!!
okeh bye!!!

p/s- buat tutorial mmg susah!!patutla org slalu suh krdt klu kita copy..so fhm2 la..HAHAHAHAHA!!

---

TERIMA KASIH SUDI BACA :)

---

LIKE LAH JANGAN MALU :p