TUTORIAL : Floating Image

Assalamualaikum...

BZ nak buatkan tutorial yang diminta oleh cik kiera .

cara nak add gadget tu senang je...

tapi kalau nak create picture cam NZ uh ,kena ada photoshop.. kalau nak guna image dari web boleh jugak... google je  ... .

nak add gadget tu 

1. design > page elements > add gadget > HTML/Javascript

2. pastekan code nih...

<style type="text/css"></style>

<div style="display:scroll; position:fixed; top:50px; left:-12px;">

<a class="linkopacity" href="LINK 1" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="facebook"><img border="0" src="URL GAMBAR KORANG " /></a>

<br />

<a class="linkopacity" href="LINK 2" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="twitter"><img border="0" src="URL GAMBAR KORANG" /></a>

<br />

<a class="linkopacity" href="LINK 3" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="myspace"><img border="0" src="URL GAMBAR KORANG" /></a>

</div>

3. SAVE !! 

senang kan ?? 

*LINK : korang masukkan link yang korang nak , kalau orang klik nanti page tu akan kelaur .. cth 'http://qwertyuiop-dan-tangan.blogspot.com'

*URL GAMBAR KORANG : gambar yang korang nak floatkan tu.. copy URL dia pastu paste kat situ...

*warna hijau : korang boleh tukar dengan nama link yang korang nak tu..cam facebook ke, myspace ke...dll