Code cute profile yang aku keluarkan pada entri lepas, nampaknya tidak boleh dijalankan pada sesetengah blog. Mungkin kerana masalah coding clash atau sebab-sebab lain. Dan pada hari ini, aku akan mengeluarkan satu lagi alternatif untuk korang memasang cute profile pada blog korang. Tutorial yang lepas juga amat sukar bagi mereka yang baru berjinak-jinak dalam customize blog.
Cara pemasangan kali ini agak mudah jika nak dibandingkan seperti yang lepas.
1. Muat-turun icon Cute Profile.
2. Upload icon tersebut kedalam image hosting pilihan korang. Contoh : imageshack.us
3. Log masuk akaun blogger korang. Pergi ke Layout > Edit HTML
4. Cari </head> dan masukkan code dibawah sebelum </head>
5. Save template korang.
6. Pergi ke Layout dan klik pada Add a Gadget. Masukkan code dibawah.
7. Edit dan save. Selamat mencuba. Kedudukan cute profile boleh diubah dengan menukar left ke right.
p/s: Code diatas juga korang boleh gunakan untuk membuat image seperti gambar dibawah. Hanya perlu buangkan code yang diwarnakan biru.
Cara pemasangan kali ini agak mudah jika nak dibandingkan seperti yang lepas.
1. Muat-turun icon Cute Profile.
[CuteProfileV2]
Size : 64kb
2. Upload icon tersebut kedalam image hosting pilihan korang. Contoh : imageshack.us
3. Log masuk akaun blogger korang. Pergi ke Layout > Edit HTML
4. Cari </head> dan masukkan code dibawah sebelum </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>
5. Save template korang.
6. Pergi ke Layout dan klik pada Add a Gadget. Masukkan code dibawah.
<div style="display:scroll; position:fixed; top:80px; left:0px;">
<a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br>
<a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br>
<a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br>
<a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br>
<a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br>
</div>
7. Edit dan save. Selamat mencuba. Kedudukan cute profile boleh diubah dengan menukar left ke right.
p/s: Code diatas juga korang boleh gunakan untuk membuat image seperti gambar dibawah. Hanya perlu buangkan code yang diwarnakan biru.
<div style="display:scroll; position:fixed; top:80px; left:0px;">Contoh :
<a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a>
</div>
big hand to you bro..
ReplyDeletetp aku xleh cuba la..
sbb.. ape??
cubalah teka~
huhu
ko pakai wordpress...
ReplyDeletejadi ar bro...tapi dia dok kt kiri lak...
ReplyDeletesecara horizontal lak..takpe aku edit lagi...tq bro...! kasi 4 star lah..!
ok..done...
ReplyDeletebro.... ko rase aku salah kat mane html tu... jadi horizontal
ReplyDeletehttp://qudwahalhasanah.blogspot.com/
ReplyDeleteperghhh memang smart gilerzzz hehe caya la bro..tabik lu! :)
ReplyDeletebro macam mane nak ejast icon tu ke tepi...masalah ni...tolong ye bro..
ReplyDeletehi..
ReplyDeletethank u so much for ur tips, bro.
Tapi camane i nak adjust biar dia jadi tegak. now dlm position horizontal..
@hanafiMN - Aku tengok kat blog ko takde pun...
ReplyDelete@ida_fae - refer kat link yang aku kat shoutbox ko
ada bro..aku baru letak...tapi mcm mane nak letak icon tu kat tepi mcm ko buat tu...???
ReplyDeleteada bro..aku baru letak...tapi mcm mane nak letak icon tu kat tepi mcm ko buat tu...???
ReplyDeletebro piratz..mcm mane nak ejast bagi icon tu kat tepi..?tolong ye bang..huhuh
ReplyDelete