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!!
8 Comments:
Blogger naqiah said...

tq awk.... kalau nak buat button like n share on fb 2 gane.. sy tercari2 gak.. =(

February 3, 2011 at 7:30 AM  


Blogger dyh said...

Thankyou so much <3

February 3, 2011 at 8:35 AM  


Blogger Miss Mucuk ! said...

salam..sy gna ye tutorial ni :)
thanks :)

February 3, 2011 at 9:38 AM  


Blogger beela said...

okey.. mekasih~ ;D.. naqiah.. nanti sya buat tuto tu er.. sabr yer dulu

February 3, 2011 at 7:13 PM  


Blogger Mia.lurve said...

thank you thank you thank you ^____^

February 4, 2011 at 12:41 AM  


Blogger beela said...

okeyh.. sama2 :))

February 4, 2011 at 12:44 AM  


Blogger ♥ wenn ♥ said...

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 :]

April 7, 2011 at 11:28 PM  


Blogger BULAN said...

@beela bella, akak nak icon yang sama contoh yang bella bagi tu . Page berapa ye dekat ICON PACKS ?? please dear :)

July 16, 2011 at 9:25 PM  


Post a Comment

... Back to the blog?

Since 2012