tutorial : ikon laman sosial di blog (cute profile)

hari ni jom kita belajar letak ikon social sites korang dekat belog . sebenanye name dia cute profile , aku pon tak tau mane dapat name tu tapi korang boleh tengok icon tu macam yang aku highlightkan dalam gambar tu . oke lets get started !

mula² download icon kat dalam pc korang dekat sini

lepas tu upload icon tu dekat dalam account image hosting korang . macam tinypic ke photobucket ke bla .. blaa

then , pegi blogger >> Design >> Edit HTML >> tick pada kotak expand widget template

tekan CTRL + F dan taipkan code </head>

pastekan code ni dekat ATAS code </head> tu tadi . lepas tu save

<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>

pegi Dashboard >> Page Elements >> Add a Gadget >> HTML / Java Script

copy ( CTRL + C ) dan paste ( CTRL + V ) kan code ini

<div style="display:scroll; position:fixed; top:80px; right:0px;">

<a class="linkopacity" href="URL KORANG" target="_blank" rel="nofollow" title="TAJUK KORANG " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON KORANG" /></a><br />

gantikan :
URL KORANG : url social site korang macam facebook , twitter
TAJUK KORANG : tajuk social site korang . kalo twitter gantikan dengan twitter
URL ICON KORANG : url icon yang korang upload dekat image hosting acc tadi

kalau nak letak banyak² social sites , copy dan paste code tadi several times .

letak comment :) weee~