bagaimana care nak pasang cute profile icon di blog?

entri ni khas untuk sesiapa yang ingin buat Cute Profile Icon di blogspot.

seperti yang anda lihat dalam gambar di atas. or sebelah tepi blog aku ni.

ingat, blogspot ye. HU HU.

sebab aku tak tau, wordpress tu camne.

before that, thanks a lot to acapz untuk info yang berguna ni.

disebabkan itu, aku boleh buat icon tu.

Langkah 1:

download icon2 tersebut ke PC/laptop anda.

boleh didapati di, Rapidshare, Mediafire, and Megaupload.

I prefer download at mediafire. HE HE.

Langkah 2:

sesudah download icon itu, sila upload pula ke photobucket, imageshack, picasa, tinypic and juga lain-lain.

Langkah 3:

log in blogger anda masing-masing dan pergi pada Layout > Edit HTML.

sebelum memasukkan kod2 yang diperlukan sila ambil pre-caution dengan Backup/Restore Template keseluruhan template anda.

Langkah 4:

pada edit template pula, tick pula ada Expand Widget Templates,

lalu cari kod < / head > , (tekan saje ctrl + f ye).

dan letak lah kod di bawah ini sebelum kod < / head > tersebut.

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

preview dan save template tersebut.

Langkah 5:

pada Layout tersebut pergi pula pada Page Elements>Add A Gadget.

<div style="display:scroll; position:fixed; top:80px; right:0px;">
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
<a class="linkopacity" href="URL SITE" target="_blank" rel="nofollow" title="TITLE HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL ICON" /></a><br />
</div>

Edit pada "URL SITE", "TITLE HERE", "URL ICON

edit pada "URL SITE", "TITLE HERE", "URL ICON" dan seterusnya save.

jika ingin mengubah kedudukan Cute Profile anda boleh mengubahkannya dengan menukar right ke left.

selamat mencuba. :)

: kalau tak berjaya, sila tanya fie or ke blog acapz.