Apr 5, 2011

Tutorial | Background untuk Sidebar Title


Salam to all readers..

Tadi godek-godek blog,
tiba-tiba terasa nak tukar background
untuk tajuk sidebar..

Contohnya macam nii
*
*

Simple je..
Jum tengok tutorial yang Dil buat untuk korang..
Tutorial kali ini adalah dalam bahasa melayu..



Step 1:
Dashboard ---> Design ---> Edit HTML

Step 2:
Cari code h2 {
untuk memudahkan kerja pencarian,
tekan Ctrl+F

Step 3:
Copy code di bawah dan letakkan di bawah code h2 {

background:url(URL IMAGE);
border: 2px solid pink;
line-height: 28px;
-webkit-border-radius: 10px;
text-align: center;


*tukar URL IMAGE dengan mana-mana url gambar yang korang suka..
*adjust ketinggian yang korang nak kat line-height

contoh url image

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7tIYFqQreFYHq0-zUsZbrIXbhQbs2CxPvvSL7YZVCd8M_nD0yEnipDLFBvvKE6Iz_HKu8m1KI4Gv25iy9FHar0ym08jMgTHnR4kREpCaNR63FUWknZwe4uo8H2jFt-XhpF2p95vDPTN28/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKj1caKnq7GD8DgiS2GWGa4EX59OiUeAafFgCtazsL24BbHGHstj73uFE5t_ADtFjxKwJnbRCrGVLY89a7GmRUxYVvohU71qW10hBjrvGpJIzMcrCr57ZfCadW33PdJdy8v1eD3s1nbJRY/s576/1131028133_pink.jpg

*korang boleh upload gambar kat picasa/photobucket
untuk mdapatkan url image


*kalau korang tak nak letak gambar, korang boleh tukar kepada
warna yang korang nak..macam ni

background: code color;

* Perkataan code color tu boleh tukar dengan code color yang korang suke.
untuk mendapatkan code color
sila tekan SINI


55 comments:

  1. Url image cmne Dil ?

    ReplyDelete
  2. dah tambah sikit tutorial ni pasal url image tuu

    ReplyDelete
  3. kotak tu dh jd.....tp nape x naik gmbr pun??? sy ambik yg cth url image yg 1st tu...tp jd kotak kosong ja....nape ek??? hehe....btw,sy suka la wlpn kotak sj...thnks yer...buat la lg tuto ek... ;-)

    ReplyDelete
  4. Kalau kat blog eb cantik x??

    ReplyDelete
  5. ha,jd dh kali ni!!! thnks cik Dil

    ReplyDelete
  6. dah jadi ! tanx dil ..blog dah lawa ckit dr sblm nie :) suke giler .

    ReplyDelete
  7. ala . tk jadik pon . :(

    ReplyDelete
  8. tq kak dil! puas cari nih, at last jumpa & menjadi! tq. :D

    ReplyDelete
  9. makaseh sgt....cantek r..gud tutorial....chekgu dil!

    ReplyDelete
  10. jadik~~~sukaa sgt tQvm cik dil~~ <3 u lah...da lama cari t0torial nie.... XD

    ReplyDelete
  11. Kak dil , mcm mane kalau x nak dia jadi kotak ? Nak dia jadi mcm melengkung .. how ?

    ReplyDelete
  12. kak dil....nk tnya mcm mane nk tukar warna font tuh....dan besar kan saiz sidebar

    ReplyDelete
  13. menjadilah :) terima kasih eh ,

    ReplyDelete
  14. dh jd ckit lh...hehe..time kasih....

    ReplyDelete
  15. cik mel..cik mel...(sambil jerit)..hehehe..sebenarnya hampir semua tuto saya cuba dan menjadi...beribu2 tengssssssssssssss tau..best ada ceghu mcm cik mel..=)

    ReplyDelete
  16. jadi!!! tq cik dil. muah sikit! hehe..

    ReplyDelete
  17. nape tk jadi...tk phm la cik dil...leh trangkan lgi tk...mn nk paste url tu..tk jumpa

    ReplyDelete
  18. macam mane nak buad background sidebar ?

    ReplyDelete
  19. kak dil.. mane lagi nak dapat gambar tuh?

    ReplyDelete
  20. tanks..puas cri background die..
    akhrnye ad jgak..

    ReplyDelete
  21. sys . if adek na carik sndiri url backgroud uh kat mane yerk ?

    ReplyDelete
  22. terima kasih kaka sebab buat tuto nie :)

    ReplyDelete
  23. ~thanks..dh lma cari tutor nie :)

    ReplyDelete
  24. mekaseh...jd la kat blog kita..hihi :)

    ReplyDelete
  25. sngat cntik, n sngt jadi.. thnks :) thnks, done follow your blog sis. klw ada kelapangan moh le melawat ke blog sy.. klw sudi follow semula :) ty sis

    ReplyDelete
  26. terima kasih ..tutorial ni berguna

    ReplyDelete
  27. salam admin..sy nak wat template mcm awak.. ade x tutorial yg lengkap..susahla awak buat tutorial x tersusun...sy wat asyik x jd je

    ReplyDelete
  28. Dah jadik la . Tenkiup very much . Tapi, sys ade x tuto post title background ? Lia nak wat jugak utk post title . Kalau xde, Lia boleh cari tuto tu kat google . Anyway, tenkiup again for da tuto :)

    ReplyDelete
  29. hepi nye ! akhirnye menjadik jugak ! tq tq :D

    ReplyDelete
  30. dah cuba banyak kali tetap tak boleh .. sedih ..

    ReplyDelete
  31. huk hek, jadik!!
    bestnyaaa
    ten qiu...

    ReplyDelete
  32. salam...
    menjadi laa...
    terima kasih...

    ReplyDelete
  33. Assalamualaikum..thanks..tuto yg sgt membantu :)

    ReplyDelete
  34. Salam wow sangat membantu untuk newbie mcm sy,, tm kasih ..
    Jemput jenguk blog saya ye..dan sudi2lah komen ye

    ReplyDelete