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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54yalJ8JnjtSG8n3rQ0sogEEBYxExDy8P1L4j-Hv_2JSs1BTKdas248a95mdgiluKl48MT9uiWYq0L1jwEF6yvbJY65TAkYQgswDZqkZx4qhRx1f3sUHGnge0UT1OCKBIJqwYN9UGXnGT/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOv9abJA2qq6OAuOXueORImtt3lgz6NsFzvhbVbg5RveAY8u6l115oCtCJgIXUZ4nt-sy5pJbvNXZ9bLYY2pkMZTfUKm4XbkiwJCDKQT_c_1fTSMEVPwElijwT_ko8GXksGh1u_PoJ08Qw/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9byIqvbXYlQKWnVEyCs4ZAvgGBfEBIP9ciR1hpWSlP0nWt7UNbmLMkm2YWr5GW5sct75JqsGcPQomVqgqL9aZ2G33PFrV2GKsk5A1Vfiyzy4SXdlaJ9usefC2bxjoTFbEkMGlyyHe38UZ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEDhl_Hp8QN2mqzQi4vkpc1t5zZLvZ0lhEEc6RwFEWWUST4wZNgjGjGMQrKE8I0ESBIXs8FTJtT2f-pfUoT1fMgAYCYK7zZolbdoJiR8HeCc0okdyFoBdexPZ4u8b0A9z62GvDHtqqM-NG/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 Comments