TUTO Floating Button
Assalamualaikum Heyhoi .
okey hari ni alja nk buads tuto pasal Floating Button . sebab semalam tuto ni direquest oleh adik Rrubee Litch Xalaryee . okey adea org tk tahu apa Floating Button ? okey tengok gamba bawah ni .
|
[ KLIK untuk Tumbuh besaran yang cepad ] |
okey nampak tk ? haa yang tuh lha Floating Button . okey lets do .
mulamula pergi Dashboard > Design > Add Gadget > Html/Java Script
then copy code dibawah and paste ken di ruang HTML/Javascript tuh
<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:140px; left:-12px;'>
<a class='linkopacity' href='http://storyymorryalja.blogspot.com/p/tutorial.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;'target='_blank'title='tutorial'><img border="0" src="http://i1203.photobucket.com/albums/bb383/NurAlja/tuto1.png" /></a><br />
<a class='linkopacity' href='http://www.myfriends2u.com/profile.php?user=nuralja&mod=style' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myfriends2u'><img border="0" src="http://i1203.photobucket.com/albums/bb383/NurAlja/MF2U.png" /></a><br />
<a class='linkopacity' href='http://heartbeat.my?rid=17803' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://i1203.photobucket.com/albums/bb383/NurAlja/1.png" /></a><br />
</div>
warna Pink :- Tukar LINK yang korang nk letak .
Warna Biru :- Letak kan Link gamba yang korang nk letak
Warna Hijau :- Boleh tukar saiz mengikut kesesuaian blog
Warna Oren :- LEFT > RIGHT . [ boleh tukar antara dua tuh ]
okey senang ken ? dh siap .
#jadi ke tk jadi ke bagi tahu alja tau :)
Labels: Tutorial
Older Post | Newer Post