Thursday 29 December 2011

Tutorial : Floating Button


hye!!slmat bertemu kembali..hehe..ok2..arini arep maw ajar korang macam mana maw buat floating button..haa??xtaw floating button tu ape??hmm..cube tgok kt bwah..


haa!!nila floating button yang arep ckap tu!!hehe..ok2..memandang korang dah taw ape itu floating button..skang ni..arep maw ajar spe yg brmnat nak wat mende tu..kalo tak nak..xpyh bce..mmbzir mse je..hehe..lek2..arep grau je..ok2..meh..ikut ape yang arep ckap ni ek..

1.  korang peg ke dashboard > design > add gadget > html/javascript

2.  pastu korang copy kod kat bawah ni n paste kat ruang html/javascript tadi..

<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/yasuooimikado ' 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='https://twitter.com/arieffiqrie1' 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://celotehidupku.blogspot.com/ ' 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>

3.  ok..dah copy??haa!!dah siap!!hehe..lum lgla..jngn excited sngt..ade yg prlu ditukar..

4.  yang tulisan wrne hijau tu..korang tkarla dengan link korang..

5.  tulisan wrne oren tu plak.kalo korang nak tukar iconnye..korang tukarla..paste url pic yang korang nak tu..

6.  n tulisan warne merah tu korang editlh ikut kesesuaian korang ek.. 

7.  ok..dah siap!!dah bleh save!!

haa!!jadi tak??senang kan ikut tutorial arep ni..hehe..prasan je.. :P..hehe..tapi kalo tak jadi..korang ckap ek..arep tlong..ok2..smpai sni jelh ek arep ajar..nnti arep ajar mende len lg..bye!! :)


border:3px dotted #FF66CC; border-radius: 30px 30px 30px 30px; background:#FFEEFD;'>

0 orang dah komen..awak??:

Related Posts Plugin for WordPress, Blogger...