Fazeera Kahar

Floating page ( macam faz )

posted on Friday, September 16, 2011 | Add comment [2]

Cakk ! heheh . faz kembali utk buad tuto khas utk korang .

almaklumlah . jari jemari ni takkan jemu utk bagi seribu dua info yang

bsangkut-paut dengan belog ni . ( alasan yang boleh diguna pakai . kuikui )

lalala~ abaikan .

oke . korang tau tak ape tu floating page ?

heheh . cube2 je . jadi pulakk . yang ni lah sayangs~

lets start babe ~ hikhik

1. Dashboard > Design > Page element > Add gadget > Edit Html/javascript

2. Copy then paste code bawah ni :

<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; top:240px; left:25px;'>

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

<a class='linkopacity' href='URL Page 1' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URL Image" /></a><br />

<a class='linkopacity' href='URL Page 2' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL Image" /></a><br />

<a class='linkopacity' href='URL Page 3' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL Image" /></a><br />
</div>

3. Dah copy code tu ? oke meyh faz terangkan yek .

* MERAH : masukkan link URL Blog dgn URL page korang

* BIRU : masukkan URL image yang korang nak

= DONE ! =

( save je lahh ^^ )

في said...: thank you akak :)
FazeeraKahar said...: @Urfi Luthfurrahman wlcome dear ^^