tuto : floating button
Posted 2/3/11 // 6:50 AM
tutorial nie direquestkan oleh dyh . sorry lambat. :) . mula2 , tau tak ape floating button ? ini dia floating button
macam sebelh kiri blog aku tu.. hehe.. so , apa lagi ? kita start r !
------------------------
1) dashboard > design > page elements > add a gadget > HTML/javacript
2) copy code dibawah dan paste di dalam HTML/javacript
<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://www.facebook.com/beela13' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/nurulnabila' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href='http://www.blogger.com/home' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />
</div>
humm ! belum siap lagi ! tulisan yang di bold korang tukar dengan url korang SENDIRI ! =). kalau rasa tak ckup 3 button tu , korang tmbah lagi code kat bawah ni dan adjust sendiri. :P
<a class='linkopacity' href='LINK ADDRESS' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />
tambahan :
* kedudukan floating buttons boleh diubah kepada 140 px,
* left boleh ditukar kepada kanan kalau nak letak floating buttons tu sebelah kanan blog korang
kalau nak ubah gambar sendiri , just tukar url yang ada photobucket tuuu.. ergh.. tapi biasa aku cari kat sini
Dah siap, SAVE!!
Dah siap, SAVE!!
.jpg)
.jpg)
8 Comments:
tq awk.... kalau nak buat button like n share on fb 2 gane.. sy tercari2 gak.. =(
Thankyou so much <3
salam..sy gna ye tutorial ni :)
thanks :)
okey.. mekasih~ ;D.. naqiah.. nanti sya buat tuto tu er.. sabr yer dulu
thank you thank you thank you ^____^
okeyh.. sama2 :))
how many limits can I add new button?? I mean, the new link?? I`ve tried 6 links, but only 4 are functioning. why does this happens?? thanks for answering :]
@beela bella, akak nak icon yang sama contoh yang bella bagi tu . Page berapa ye dekat ICON PACKS ?? please dear :)
Post a Comment
... Back to the blog?