PELIK LEBIH BAIK ;
Read Entry PortfolioFollow
Tutorial Butang Facebook dan Twitter Terapung
Saturday, December 10, 2011 • 8:23 PM • 0 Surat Layang

Assalamualaikum, kali ni aku nak kongsi cara-cara untuk buat butang facebook dan twitter yang terapung di bahagian tepi blog. Tuto ini adalah atas permintaan seseorang, aku dah tak ingat lak nama dia sorry T.T Okay, jom start.

1)Dashboard-->Design-->Add Gadjet-->Html/Javascript

2)Copy code di bawah dan paste.

<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='URL FB FANPAGE ANDA' 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='URL TWITTER ANDA' 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>
*Yang kaler biru tu, sila tukar dengan link facebook dan twitter anda

3)Klik save dan dah siap, kalau jadik sila kredit, aku serius, kalau tak jadik, jangan malu-malu untuk tanya :D

OLD / NEW