Cara pasang floating button di sisi blog .. ツ

Sunday, January 09, 2011


Step 1

Log in blog => Design => Page Elements => Add A Gadget => HTML/Javascript.

Step 2

copy html code kat bawah nie .. pastu paste ja .. hurm .. senang kan .. ok .. peringatan .. yang mana ak dh bold tue .. korang tkaq link diew .. dengan link korang la .. example .. facebook .. masukan link facebook anda .

<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; right:-12px;'>
<a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="http://3.bp.blogspot.com/_LZtXSNcp76A/TB5XWecF0sI/AAAAAAAABHY/pPKlT79yKMA/s320/icongb.PNG" /></a><br /><a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://3.bp.blogspot.com/_LZtXSNcp76A/TBIPXEkOOEI/AAAAAAAABFQ/DAPJdek1QbQ/s320/facebook.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://1.bp.blogspot.com/_LZtXSNcp76A/TBIPlDeEV5I/AAAAAAAABFw/5Z4co3O_jpU/s320/twitter.png" /></a><br />
<a class='linkopacity' href='http://berbicaradenganhati.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://3.bp.blogspot.com/_LZtXSNcp76A/TBIPaMfmxJI/AAAAAAAABFY/bPNaLBTwrhQ/s320/feedblogger.png" /></a><br />
<a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="http://2.bp.blogspot.com/_LZtXSNcp76A/TBIPdJ0ZHsI/AAAAAAAABFg/i-CB_cBEzZM/s320/feedburner.png" /></a><br />
<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="http://2.bp.blogspot.com/_LZtXSNcp76A/TBIPnxEur8I/AAAAAAAABF4/edEB1NQCdGg/s320/youtube.png" /></a><br />
<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="http://4.bp.blogspot.com/_LZtXSNcp76A/TBIPhuMVmKI/AAAAAAAABFo/6YC2J5UAXp0/s320/flickr.png" /></a><br />
</div>

bila dah paste to preview ..

Akhir sekali, klik Save.

p/s : korang leh ubah icon tue .. then link tue ubah la ikowt icon korang nak tue .. hhuhu .. try la noh ..

You Might Also Like

2 comment

Assalamualaikum . . Hi peoples  . . Currently leave UR comment here . .I will reply soon as fast as I could . .Do drops UR link . . please don't SPAM ! ! 

Like us on Facebook

Flickr Images