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



31 comments:

  1. gua taknak kiut.. gua nak ganas.. ade?

    ReplyDelete
  2. dah name die kiut
    wa tak dpt nak tolong der
    takziah la wa ucapkan kat lu T___T

    ReplyDelete
  3. tengs for tuturial :)
    very informative !

    ReplyDelete
  4. anon welcome :)
    suke sbb dpt tlg u :D

    ReplyDelete
  5. @Siti Maisarah Zulhaimi
    welcome!!jadi tak?
    tahniah ye klu jadi :D

    ReplyDelete
  6. akk,,toturial akk mmg bez..hehe..tp kite x ley wt sbb profle kite,,sbb kiter pnye da tergune classic template kot..enthlah..nk wt jd asl,,x ley plak..cmn ea??kite nk ikot tutorial akk.. T_T

    ReplyDelete
  7. thanks.. suke.. suke..

    ReplyDelete
  8. @Anonymous
    welcome..kredit kat nadya bubble. folow blog die keh :)

    ReplyDelete
  9. aniss. tq so much! ;)

    ReplyDelete
  10. Thank you :)
    Credits to Maisarah for telling me this site .

    Hek hek hek ~ !
    TQTQTQTQTQTQTQ !

    ReplyDelete
  11. hua~ta jadi~huhu~
    nk trkeluar bjik mata ak nk cari code 2~~

    ReplyDelete
  12. @~ nuya syahirah ~
    awak tick expand widget template tak?? tekan tu dl br leh jmpe code dia :)

    ReplyDelete
  13. knpa blog aku xdak expand wiget template pelik toiiiiiiii

    ReplyDelete
  14. @jalil jalil
    xde??? cuba carik betul2 kat atas kotak yg dlm dia ada code tu. mesti ade punye

    ReplyDelete
  15. Kakak, macam mana kakak buat dalam perkataan tu box polkadot? :D

    ReplyDelete
  16. great blog If you are the type to update your blog regulary, then you have gained one daily reader in me today. keep up the super work.

    ReplyDelete
  17. hai,sy dh buat ikut step ni tp knp gmbr yg sy upload tu xnak kua erk

    :s

    ReplyDelete
  18. oh hai akhirnya dh jd jgk btton tu
    thanks

    ReplyDelete
  19. hi uols. jadi 1 jer.
    i x paham la klu ada dua nak kopi mcm mana. i x paham.. tlgg....

    ReplyDelete
  20. tak jadi lah ! camane ni ?!

    ReplyDelete
  21. @mirl
    tang mane yg tak jadi tu?

    ReplyDelete
  22. saya dpt buat...hohohoh
    thanks for the tutorial

    ReplyDelete
  23. @hamzah ianakak , bole tlg najmi x , najmi xreti nak buat la , bpe kali dah try , tp xjdy2 jugak .. :'(

    ReplyDelete
  24. @Ninielepas copy paste code yg pertama .. lpeas tu kan ade lgi 1 kod kan , ha , najmi kat citu yg xpham .. :'(

    ReplyDelete
  25. akak. tak paham laa akk. klau dah tick expand widget template, pastuh buat ape?

    ReplyDelete

Terima kasih daun keladi. Lepas ni datang lagi. Hihi ^^