Cara Pasang Cute Profile Pada Blog

Ada orang request buat tutorial ni. Haihh baru je lepas buang tutorial tu sebab ingat tak ada yang berminat. Hak2.. Okeh pertama sekali, apa tu Cute Profile? Cuba u jeling2 sikit dekat sebelah kiri blog I ni. Nampak kan ada FB, MS, Twitter.. Kan2? Tu ialah Cute Profile.

Mula2 sekali, kamu kena download dulu imej2 yang u nak tempek dekat sebelah ni. U boleh pergi dekat sini untuk download. Pilih mana2 yang u suka dan download. Extract file tu. Kemudian, pergi dekat imageshack.com untuk upload imej tu. I cadangkan u upload satu2 imej tu supaya direct link dia menjadi. Ingat! Upload SATU-SATU. Hah kau capslock lagi. Har2

Lepas selesai upload, biar dulu. Jangan close tab lagi. Sekarang sila login account blog dan macam biasa:

Dashboard > Design > Edit HTML > Tick 'Expand Widget Template' > Tekan ctrl+f

Cari code </head> Dan paste code di bawah sebelum code </head>

<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. Kalau tak ada error, save template. Kemudian:

Dashboard > Design > Add A Gadget > Add HTML/Javascript

Paste code ini:

<div style="display:scroll; position:fixed; top:200px; left:0px;">

<a class="linkopacity" href="facebook.com/URL" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="url icon" /></a><br />

<a class="linkopacity" href="twitter.com/URL" target="_blank" rel="nofollow" title="Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="url icon" /></a><br />

<a class="linkopacity" href="myspace.com/URL" target="_blank" rel="nofollow" title="Myspace " 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. Kalau you ada 2 site, contohnya you ada Facebook, dan Twitter, you cuma perlu repeat code di bawah ni sebanyak 2 kali sahaja.

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

Lepas tu kalau nak adjust kedudukan Cute Profile ni, boleh tukar'left' ke 'right'. Jadi tak? Yay! Pandai!

Credit: Nadya Bubble