iklan churp-churp

heart beat

Friday, July 27, 2012

tutorial : buat floating button FB, Twitter dan lain2

hai alls..
terlanjur aku buat floating button tadi..aku pun merajinkan diri buat tutorial sekali 

floating
button


cara nak buat die mudah je..
1. dashboard > design > add a gadget > java HTML
2. copy and paste code dibawah ni dengan hati yang senang

<----------------------------------->

<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; right:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/sampaicucuratap' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://3.bp.blogspot.com/-uh3ocOkbMAw/TVlX5p7MFhI/AAAAAAAAA4I/B2i8PqfvgPU/s1600/Facebook-icon.png" /></a><br />

<a class='linkopacity' href='https://twitter.com/sampaicucuratap' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://2.bp.blogspot.com/-_9k-0vJXPdY/TVlX8Q5Jm6I/AAAAAAAAA4c/PJp04NF-9ZA/s1600/TwitterIcon.png" /></a><br />

<a class='linkopacity' href='http://sampaicucuratap.blogspot.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="http://1.bp.blogspot.com/-tpmuYty_yCg/TVlX5OwSzZI/AAAAAAAAA4E/-jLUOu1jVsA/s1600/blogger-icon-big.png" /></a><br />
</div>

<-----------------------------------> 
3. tukar code orange dengan url FB
4. tukar code hijau dengan url twitter
5. tukar code purple dengan url blog
6. kalau tak ada FB/twitter boleh delete satu perenggan code yang berkenaan (kalau tak ada twitter delete perenggan twitter)
7.  code warna pink tu merupakan url gambar dekat floating button..aku rasa tak payah pening2 so tak payah tukar..guna gambar standard aje ok..macam gambar yang dekat atas tu..

dah siap ? 

save dan view blog

kalau jadi ke tak jadi ke bagitau lah ye..selamat mencuba !

ok bai





awak kan baik..comment lah ye..like pun boleh..share lagi bagus

3 comments:

  1. da jadi,,hihih,,ad tutorial lg,bgtaw k

    ReplyDelete
  2. Salam..hai..Jaja dah follow awak..jom follow Jaja balik.. ^_^ Jaja nak jempot awak join segmen Jaja..yg nie..

    http://biarkandakuberbicara.blogspot.com/2012/08/segmen-blogwalking-august-by-jaja-sutera.html

    dan giveaway Jaja yg nie.. :)

    http://biarkandakuberbicara.blogspot.com/2012/07/giveaway-ramadhan-1433h-by-jaja-sutera.html

    salam perkenalan..sama2 kite meningkatkan traffic follower kita.. :)

    ReplyDelete

dah baca comment tau..awak kan baik =))

Related Posts Plugin for WordPress, Blogger...