Entry Baru

Tuesday, September 27, 2011

tutorial letak icon floating facebook.twitter.

ok! macam mane nak wat icon floating untuk fb,twitter..
boley rujuk cnie..

step 1 :
buka Dashboard > Design >Page elements > Add a Gadget (biarkan dulu..)

step 2 :
copy code nie..
<style type="text/css"><br />a.linkopacity img {<br />filter:alpha(opacity=50);<br />-moz-opacity: 0.5;<br />opacity: 0.5;<br />-khtml-opacity: 0.5;}<br /><br />a.linkopacity:hover img {<br />filter:alpha(opacity=100);<br />-moz-opacity: 1.0;<br />opacity: 1.0;<br />-khtml-opacity: 1.0; }<br /></style> <div style="display:scroll; position:fixed; top:140px; left:-12px;"> <a class="linkopacity" href="http://www.facebook.com/noordiana.ahmadnordin" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="facebook"><img border="0" src="http://png-3.findicons.com/files/icons/2372/pinkstrip/64/facebook.png" /></a> <a class="linkopacity" href="http://www.blogger.com/" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="blogger home"><img border="0" src="http://png-3.findicons.com/files/icons/2372/pinkstrip/64/blogger.png" /></a>
<a class="linkopacity" href="http://twitter.com/#!/nananordin" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="twitter profile"><img border="0" src="http://png-2.findicons.com/files/icons/2372/pinkstrip/64/twitter.png" /></a></div>

step 3 :
> yang warna merah tu..korang boley tukar size..n tukar dari left ke right
> warna biru plak..tukar kepada url facebook & twitter korang k..

step 4 : 
da siap baru save...