TUTORIAL: main body ada background

salam semuanya , tadi kat fanpage facebook una ade yang tanya how una buat main body ade background :) kalau tengok main body una kan ade corak2 gitu ? hahaha :) soo , let we start :

WASHED DENIM TEMPLATE
first korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget and search for this code 
#content-wrapper {
lepas tuh copy code kat bawah nie dan paste kan dekat bawah code di atas .

background : url(BACKGROUND IMAGE);

CONTOH CODING :
next caru code yang bawah nie pulak kayy ?
.sidebar h2 {
then korunk nampak ade anak-anak code kan ? korunk tambah je code yang una bagi nie dekat bawah code di atas :
background : url(BACKGROUND IMAGE);
 CONTOH CODING :

lepas dah buat semua tuh korunk pergi ke :
#main-wrapper {
then korunk tengok background-color yang #FFFFFF tuh korunk gantikan dengan perkataan transparent , lepas tuh search :
#sidebar-wrapper {
yang nie pun korunk buat bnda yang sama mcm kat atas nie :)

SIMPLE TEMPLATE
first korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget and search for this code 
.main-inner {
dah jumpa korunk masuk kan jer code yang una bagi nie kat bawah dia :) then cuba preview , jadi takk ? kalau jadi ! save jer kayy
background : url(BACKGROUND IMAGE);
 URL BACKGROUND FREE UNTUK KORUNK :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pR4ALIHDMXFqbFDIOJWcntOEVtkRnB1UE4XHkX35Kw4vItNZsMHhOr7U1xXeI7yt97nvGlz0Iatl76-iTwvLZ-_yhTPekvngo4A8Fy7iTfXR18v2oh6aOw5hazuS-E_UuX05tZ9_kpNo/s1600/backgroundbody+%25281%2529.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNogtDxr44aApgv1RoLpBUn8-wW-IJHsdxH_9CXsxpgg36WuA5XFZxjQGom1AT49egwzA-emMjD-w8HgyToFMhW18CfizvUgCGp8mo-VXhUYKyK_mIiOAdK37mfYjjQDlgHLyfiGx6mU-N/s1600/backgroundbody+%25282%2529.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb4Td41Fs56goVvBpQah3b92HHFO-FOcl5jC_MwR8JdvkfKx2Spurct5Sr8DCCGHuek3cYESKTezKeUXzzWeQMVq6Wiba4T6536CJdt_WFU7490ij2bqWz4Yp0w8ZR2A2rfJEdozzgTd4k/s1600/backgroundbody%25283%2529.png
nota kecil :
tengok coding tuh elok2 kayy ? tak faham tanya je kayy ?

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

75 comments:

  1. asl dye jadi transparent??
    leh x tolong wat kan??

    ReplyDelete
  2. yeay,thx kak una..akhirnya kak una buat request sy :)menjadi :)

    ReplyDelete
  3. thax sys :) da berjaya .

    ReplyDelete
  4. kak , yang washed dennim tu tak boleh la kak. );

    ReplyDelete
  5. nie untuk washed denim shj ka ? code dy xjumpa lah una ,

    ReplyDelete
  6. yehaa.. da lame cari tuto utk yg ni.. makasihh ya.. kite amek satu tau..


    ohterimaksihkemetotchomel..

    ReplyDelete
  7. asal tak jadi kak una ? pelik sy ? bleh tlg wat tak ?

    ReplyDelete
  8. hehe dpt pun cari tuto nie :)saya amik sekali background dia taw kak una :D hehe terima kasih

    ReplyDelete
  9. una , yana gnE tmpLtE dsgnEr .. adE ta c0dE dyE ?

    ReplyDelete
  10. kalu untuk template minima gune yg mane?

    ReplyDelete
  11. kak, utk yang washed denim tu, bhg sidebar, dia kena paste dekat bawah '.sidebar .widget-content { ' saya try yg akak punya tp tak jadi so, saya godekgodek skit code tuh :)

    ReplyDelete
  12. ok. saya xjumpa pape pon. umm i`m blur. help me

    ReplyDelete
  13. dh jdi ! thnks kak una

    ReplyDelete
  14. ala saya pakai simple template, boleh guna jugak ke?

    ReplyDelete
  15. kak una ,, yg kat sidebar tak jd lah . nape ek ? syera gune denim ..

    ReplyDelete
  16. thanks bebeyh! dah boleh bt dah!! thankiyuuu so muchhhh

    ReplyDelete
  17. tengs kak . dah jadi laa . (:

    ReplyDelete
  18. hehee terima kasih , akhirnya kita dpt buat ;)

    ReplyDelete
  19. kak una saya buat tuto pasal main background ny dekat blog saya but saya credit kan nama kak una . takapa ke ? boleh ? :)

    ReplyDelete
  20. Ia jadi, thanks chomel :)

    ReplyDelete
  21. Ia jadi, thanks chomel :)

    ReplyDelete
  22. Mekasih ya...dah lama cari tuto niyh jadik..

    ReplyDelete
  23. jadi lahh . Thanks siss ^^ . Nahla amik background ke-3 tu :]

    ReplyDelete
  24. saya susah nak faham lah kak,, :( macam mana nhe?

    ReplyDelete
  25. Jadi kak Una . (: TQ .

    ReplyDelete
  26. thanks...ianya menjadi..alhamdulillah

    ReplyDelete
  27. Hi. kalau guna blogskin. macam mana nak buat eh?

    ReplyDelete
  28. akak una tak jadi pon kitwe x paham la boleh tak kak una buat tutorial yang banyak gambar sikit . saya kurang paham bile bace.....akak una please help me....harap kak una bace comment nie..

    ReplyDelete
  29. saya guna tutor and freebie tau. .
    terima kasih ^^

    ReplyDelete
  30. Yeayy ! dah jadik. Dah lama carik tuto nie. Baru jumpa. Tengs ya :)

    ReplyDelete
  31. Puas cari tuto nie ..
    Berhasil .. Thx 4 sharing ..

    ReplyDelete
  32. Thanks kak Una ^^ Dah lama saya cari tuto ni . Menjadi jugakk .

    ReplyDelete
  33. macam mane nak buat dy melengkung ek

    ReplyDelete
  34. kak una macam mane nak bagi dy melengkong ek ?

    ReplyDelete
  35. menjadi :) thanks

    ReplyDelete
  36. jadilah..
    saya ambil satu background.
    thanks!

    ReplyDelete
  37. Thanks ye..
    Alhamdulilah menjadi jugak gunapaki tuto nie.. :)

    ReplyDelete

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=