[Tutorial] Macam Mana Nak Buat Cute Profile?

Tuesday, June 15, 2010



Salam. Memandangkan ramai yang tanya pasal cute profile di blog aku ini, aku pun macam baik hati untuk kongsi dengan korang semua :D


Apa itu cute profile?


Cute profile ini berfungsi sebagai jalan terpendek aka shortcut untuk pergi ke laman sosial kita yang lain. Haha ;D Kalau tengok di gambar ini memang nampak macam pudar je tapi sebenarnya bila korang pergi gerakkan cursor korang di butang-butang itu, ia akan menyala macam biasa. Heh? =.="


Download cute profile yang mana-mana anda suke :D

PERHATIAN Aku tak download pun cute profile di atas. Apa yang aku buat ialah cari cute profile di Photobucket yang menggunakan author yang sama sebab dia dah setkan saiz cute profile yang sama. Kalau guna cute profile dari author yang berlainan, saiz die takut tak sama pulak :) Faham tak?

  • Download semua cute profile tu dalam image hosting, contohnya macam Photobucket. Tapi kalau korang tak download dan buat macam aku (iaitu cari author yang sama di Photobucket) korang just cari HTML Code dia jer ~
  • Pergi ke Dashboard > Design > Edit HTML *aku nasihatkan korang download backup template dulu sebelum edit-edit ini
  • Tick Expand Widget Templates dan cari code </head>
  • Copy code di bawah dan letakkan 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>
Save!

  • Pergi ke Design > Add A Gadget > HTML Java Script
  • Copy dan pastekan code di bawah ini
<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>


URL SITE : url facebook/myspace/twitter korang
TITTLE HERE : kalau Facebook, tulis lah Facebook. Kalau Myspace, tulislah Myspace
URL ICON : HTML code cute profile korang

Save dan siap ! :D


Selamat mencuba ! Baca dan fahami betul-betul. Jangan mudah berputus asa :D


Credit banyak-banyak kepada : Saudara Acapz !


p/s : Aku pun tak tahu kenapa Cute Profile aku ini macam melintang macam tue =.="

You Might Also Like

14 comments