25.5.08

Membuat background di blogspot

Saya ingin membagi sedikit lagi ilmu tentang bagaimana cara membuat background texture klasik mirip kayu-kayuan di blog sayah. Cara pembuatan background yg saya pake inih sebenernya simple banget dan bahkan sangat simple, kalo dihitung itu hanya beberapa kali klik mouse dan jadih. Nah caranya begini :

  • Buka Photosop, buat project baru (CTRL-N) dengan ukuran 200 x 1000 pixel.
  • Lalu mulai sini hitung jumlah klik mouse ya. Sekarang setting bagian background color dan foreground color dengan komposisi warna hitam (000000) pada foreground color dan warna heksa 231c02 untuk background color(ngga tau nama warnanya).



  • Klik Pilih Filter -> Render -> Fibers . Criingg... Lalu muncul kaya gini ni, nah udah hampir keliatan tuh bentuk hasilnya kan.





Disini anda bisa mengatur variance dan strength texturenya. Saya kembalikan ke anda mau mengisi berapapun sesukanya ajah. Klo dah selesai ngatur klik lagi OK. Laluuu…. Jadih deh… untuk background pada blog ini, saya buat landscape.




Nah sekarang gimana cara masang di blog, sekali lagi blogspot ya hehehe…
  • Login dolo, lalu edit layout HTML nya jangan lupa centang Expand Widget Templates. Edit bagian tag body, tambahkan backgroud url image anda. Contohnya :

body{ margin-top:0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #2f2503 url('http://img205.imageshack.us/img205/9691/bggpoy3.gif') top repeat left; }


  • Save deh.. klo belum yakin preview dolo. Sukses yach....

16 comments:

  1. tambahan nih..
    top repeat left itu gak perlu dimasukin, soalnya attribute background itu standartnya sudah repeat to every where..hehehe
    kecuali klo di kita tulis "repeat-y left" hasilnya akan repeat ke bawah dan gambarnya berada di posisi kiri layar..
    cukup sekian tambahan dari saya,mohon maaf atas kekurangan yang ada,kritik dan saran sangat saya harapkan..terima kasih atas waktu yang diberikan wassalamu'alaikum.. n_n

    ReplyDelete
  2. Wah,bgus2 ilmux dbagi2.Laen kali ajarin bikin headerx ya pak.Lagi niat ngurus blogger ne.Hehehe...

    ReplyDelete
  3. @om dimas...
    makasih banyak koreksinya. muup kan sayah, salah... Maklum nubie ya..
    jadi begini :

    body{ margin-top:0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #2f2503 url('http://img205.imageshack.us/img205/9691/bggpoy3.gif') ; }



    @yeni
    minta ajarin ama jago-jagonya dimas ato olly ajah ;)

    ReplyDelete
  4. iya neh, custom header piye carane?

    ganti bekgron ala sendiri bisa g om?

    ReplyDelete
  5. wuis ngeri skripnya....mantab mantab

    ReplyDelete
  6. hiks..hiks...
    ngga bisa komen apa2...
    blog ku ngga bisa di edit2 CSS-nya
    sapa sih yang kmrn nyuru aku bikin blog di sana...:P
    ya sud lah..
    yang penting nulis..
    keep blogging ajah...

    ReplyDelete
  7. weh..minta di cincang berapa potong kmu?!kog enak betul bilangin orang pinter!
    gua gigit loh!

    ReplyDelete
  8. huee.. om dimas kok jadi jualan daging disini?? emang udah ngga jadi designer ya?? :P

    Hayo sapa yang mau pesen daging?? lumayan buat lebaran...

    wakakaka.....

    ReplyDelete
  9. gak aku jualan tulang..kan kmu gak ada daging..kwkwkwkwkw

    ReplyDelete
  10. uhm, kalo mau buat animated blog background gimana ?

    ReplyDelete
  11. wakakakakakak salah nak g iso gak usah disiarkan to

    ReplyDelete
  12. yang salah apa??
    km yang salah??

    ReplyDelete
  13. mantep bgt... join dunk....ke blog aq....

    rhypal.blogspot.com........

    ReplyDelete

.recent comment