tutorial letak icon fb & twitter dlam blog korang

assalamualaikum...lia nak kongsi 1 ilmu blog ni hik2.atas permintaan kwan lia,lia nk tnjuk cmne cra nak letak icon fb & twitter dlam blog..

first step : go to Dashboard > Design > Add a Gadget > HTML/JAVASCRIPT


second step: copy & paste code di bawah and last save
#-tapi korang kena tukar tulisan warna merah tu dengan URL FB & TWITTER korang
  -kalau korang nak buat fb saja,korang amik code bawah ni sampai takat code fb je,bila sampai ke code twitter,jngan amik  pula :)


<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:40px; right:-12px;'>
<a class='linkopacity' href='http://www.faebook.com/ummialiya.95' 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/AVvXsEhlLJ6VjLCN73goPdbUK8IYDjOs1u1z12DKEN_vhP2k9EZtaOz7b2Oj0_580dfmaY4D_XjUz2d6vx5A-uSYEDShng4t80tF307gD9uNKwITAnBqcnnfcMprxZpjivFpMmaOxeksZp6KW-4n/s320/facebook.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/cintaliya' 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/AVvXsEjQm0SJBZKpWKVF_riscSOX-KUDdA0liyXIncY9KU5ULGWJd29jAXEEo4YX9yB5NF16eK_GhQQ8VNQTlfFOuh_K5A5Dz3ZlgusRh-XffvEZJSchVwPCvg1f9ZvMek8YEhunDZ4F0pZLb_ja/s320/twitter.png" /></a><br /></div>

selamat mencuba.. :D