Sunday

Memasang Pelekat Pada Header

Pelekat membuatkan sesuatu blog itu cantik dan unik.

Aku sebenarnya dah lama nak ajar tutorial ini tapi terlupa pula, sebelum aku terlupa lagi lebih baik aku ajarkan kamu sekarang. Pelekat ini memang cantik lebih-lebih lagi bila blog kamu sudah sedia ada cantik. Dan aku selalu guna pelekat ini bila aku baru sedang tukar layout, konon-kononnya nak bagitahu kamu bahawa aku sedang mengedit layout.

Pelekat tu kamu boleh nak tukar dengan apa-apa gambar pun, syaratnya gambar yang kamu pilih tu mestilah transparent backgroundnya. Jangan letak gambar berpetak, sumpah tak lawa nanti macam blog budak tadika. Aku bukan nak kutuk tapi aku taknak orang kutuk, sebelum orang kutuk blog kamu lebih baik aku kutuk dulu.

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini :

]]></b:skin>


03. Tambahkan kod ini diatasnya :

#pelekat img {
position:relative;
top:-28px;
right:-28px;
opacity:0.90;
float:right;
}

Tak semua layout sesuai dengan Css ini, maka kamu perlu mengedit nilai top dan right mengikut kesesuaian layout kamu.

04. Cari kod ini :

<div id='outer-wrapper'>


05. Tambahkan kod ini dibawahnya :

<div id='pelekat'>
<a href='http://dilarangmelarang.com/' target='blank'>
<img src='http://tinyurl.com/89lgzw'/>
</a>
</div>


06. Pilih Save.

32 comments:

  1. em.
    banyak masalah.
    aku nak ym!!
    taknak tanye kat sini.
    isk.
    binawe.

    ReplyDelete
  2. sickchild, hidup lagi rupanya budak ni ya.

    ReplyDelete
  3. aku idup ah.
    nak ym uh. macam2 nak cerita.
    ko bukak ni.
    http://ikutsukaakula.blogspot.com/
    aku tga cari software nak transparentkan image.

    ReplyDelete
  4. guna je Adobe Photoshop.

    ReplyDelete
  5. aku mane reti una adobe photoshop.
    kalau aku hebat cam fendy lame dah.
    hik hik.
    cam nak letak gamba aku je.
    aku kan comel.
    =))

    ReplyDelete
  6. sickchild, suruh je fendy buat. Dia kan baik? Eh! Apa tadi? Nak letak gambar sendiri? Ingat sikit, orang berat macam gajah mana boleh letak dalam Header! Haha...

    ReplyDelete
  7. aku bukan nak letakk dalam headerr.
    aku nak letak tepi header.
    wekkkkkk!
    ko jeles an.
    weh kate nak turun sunway.

    ReplyDelete
  8. sickchild, sunway? Nantilah aku fikir. Fendy tu bukan ke gay berbulu? Takut...

    ReplyDelete
  9. fendy ade ajak kot.
    ahaha.
    lemah lutut aku.
    hahahaha.
    weh.
    cam harapan tipis je nak wat nde ni.

    ReplyDelete
  10. sickchild, kenapa?

    ReplyDelete
  11. erk. makhluk gendut lemak berair dan gay berbulu je yang seronok komen entry ni. sume korang. haha

    ReplyDelete
  12. chokilala, kata dulang paku serpih kata orang dia yang lebih. Haha...

    ReplyDelete
  13. sickchild,ni cara nak buat transparent :
    http://jomphp.com/cara-membuat-transparent-gif-dengan-senang.html

    ni bukan nak promo tapi nak bantu (wlpn ada promo skit2)

    wahahaha..

    anyway camne nak tgk balik tutorial dlm blogmenjerit?

    ReplyDelete
  14. semua sudah ada domain sendirik.
    lama gila aku tumpang terbaek. tak ada orang ke nak sponser!!! wah!!!!

    erm, bang bang, tak de tutorial nak edit header wordpress ke bang?

    ReplyDelete
  15. Muhammad Fathur Rahman, terima kasih atas info tersebut. Blogmenjerit sudah terkubur dan aku sedang memberi nafas baru kepada segala tutorial, harap bersabar. Kalau nak boleh email segala pertanyaan.

    deennasour, domain tanpa hosting RM30-40 saja, belilah sekarang. Hari tu ada diskaun tak tahu ke? Pasal Wordpress malas nak ajar, haha.

    ReplyDelete
  16. ades
    nk ym leh?
    byk nk tny ni
    asl ta jd pn?

    ReplyDelete
  17. lu buat satu header untuk gua..amacam berani..nanti gua belanja nasi lemak simple..

    ReplyDelete
  18. blh letak pic mcm2 ker?

    ReplyDelete
  19. ko ni. suka tul tukar2 layout.haha. aik. suhaila pun dah ada blog.hik3.. bagus tutorial ni

    ReplyDelete
  20. Tq so much.
    Kalu dok letok website tuh kat
    outer-wrapper aci dok?? :P

    ReplyDelete
  21. ceri masam11.1.09

    cikgu blog rupanya!
    heheheehe
    cantek :)

    ReplyDelete
  22. feeza.yusoff, marzuki_jalil.

    mrblind, teh tarik tak ada?

    JRY, nak cakap pun salah tak cakap pun salah. Bila aku edit nanti berat pula, kan?

    Eriyza, boleh. Bergantung pada nilai top, bottom, left atau right.

    one love, juga cikgu pendidikan jasmani ya!

    ReplyDelete
  23. waduh.. kalo kena spot kuiz nie mau fail aku...

    setiap kali aku nak buat onar kat blog aku, atas tunjuk ajo ko,... slalu jer dapat nie

    We were unable to save your template
    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

    ReplyDelete
  24. salam juki.
    aku nak tutorial read more untuk wp.
    ade worang tanye... bleh tolong tunjuk?
    aku pon kompius... tak larat nak pikir dah
    ni :D


    Kreuger®

    ReplyDelete
  25. na letak gambar pape pon boleh ke? hihi. nak2. ltk MU nye logo. haha. XD

    ReplyDelete
  26. mana nak beli domain tu? nak kena byr kat sape tu juki?

    ReplyDelete
  27. GraFiQuE, mungkin ada kesalahan kod.

    Mr. Azman @ Kreuger, buka YM oke!

    kumbangkecil, terlebih sudah. Haha...

    Mitsuo, nak ke? Juga YM aku ya.

    ReplyDelete
  28. haha. tak lebih. kurang je. :D

    ReplyDelete
  29. hahahaha.
    doakan aku berjaya buat header baru.
    aminn.

    ReplyDelete
  30. marzuki, kenapa tukar layout blog lagi?
    yang sebelum ni kan dah cantik?

    ReplyDelete
  31. haha, terima kasih.
    aku da berjaya pasang pelekat tu kat dalam blog aku :)

    ReplyDelete