Friday, November 18, 2011

Cara Nak Buat Butang Facebook/Twitter Terapung

Tutorial kali ini ialah cara nak buat butang facebook/twitter terapung. Sebelum ini anda telah ikuti tutorial Cara Nak Buat Facebook Share Terapung. Totorial kali ini adalah untuk membuat facebook fan page anda terapung. Jom ikuti tutorial ini.

Step 1:
Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 2 :
Copy kod dibawah dan paste di dalam kotak HTML tersebut.

<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 style="clear: both;font-size: 9px;text-align:center;"><a href="http://bit.ly/uaBV9E" target="_blank">KakiBlog</a></div></div><!-- Do not remove this link -->
</div>

*Masukkan URL FB FANPAGE ANDA dan URL TWITTER ANDA.

Step 3:
Save !

Selamat berblogging !

Entri Rakan Blogger