AFB FEEDS

Tutorial : Floating Button

Hmm . . .
Tadi saya ada masuk blog seseorang ni ,
lepas tu saya tengok kat tepi belah kiri / kanan blog dia tak ada
button Facebook & Twitter.
Terus terfikir nak buat tuto cara letak icon FB & TW dalam blog .
Tak nak letak pun tak apa .
Tapi kalau korang nak Friend Facebook & Follower Twitter korang
banyak , boleh lah letak button ni .
Tak pun , saja - saja nak letak pun tak apa .
Ikut step kat bawah ni yea : )
( untuk button blog n youtube pun ada )

1 . Dasboard > Design > Add a Gadget > HTML/JavaScript

2 .  Copy kod yang kat bawah ni . 
( Untuk copy kod ,  highlight kod dibawah dan tekan Ctrl + C serentak )


<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://facebook.com/AKAUN FACEBOOK KORANG/' 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 KORANG/' 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://AKAUN BLOG KORANG.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://youtube.com/AKAUN YOUTUBE KORANG /' 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 />


Yang warna merah tu korang
gantikan dengan akaun korang . Yang warna purple , korang
nak gantikan dengan gambar yang lain pun boleh .
Nak kekal kan pun boleh . Kalau nak letak belah kiri , 
gantikan right kepada left . Saiz , korang boleh tukar ikut 
kesesuaian blog korang .


Okey , dah copy dah ?
Dah tukarkan yang warna merah tu kepada akaun korang ?
Sekarang korang paste kod tadi kat rungan Content HTML/JavaScript .
SAVE !!
Mudah kan ? HEHE

 

You Might Also Like

0 Surat Cinta