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

 

0 Surat Cinta:

Catat Ulasan

DISCLAIMER

[PERINGATAN] Komen yang mempunyai pautan ke mana-mana blog atau laman web yang menjurus kepada perniagaan atau bersifat keuntungan sebelah pihak, akan dipadamkan serta-merta. Jika berminat untuk meletakkan link atau pautan ke dalam entri ini, sila hubungi penulis di nikainaa19@gmail.com.

[PENAFIAN] www.nikainaa.blogspot.com dan pemilik blog ini secara khusus tidak akan bertanggungjawab terhadap apa juga liabiliti, kerosakan, kehilangan, kerugian atas risiko, peribadi mahu pun sebaliknya yang berlaku akibat, secara langsung atau tidak langsung daripada penggunaan dan aplikasi, daripada apa juga kandungan yang diperolehi dari blog ini.

Pemilik blog juga tidak akan bertanggungjawab sama sekali terhadap komen-komen yang di siarkan dan ianya adalah tanggungjawab penulis komen itu sendiri.

Segala artikel yang dihasilkan oleh pemilik blog ini hanya sekadar pendapat peribadi yang mahu dikongsi bersama para pembaca blog ini serta untuk koleksi rujukan buat pemilik blog untuk kegunaan pada masa hadapan.