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....
tambahan nih..
ReplyDeletetop 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
Wah,bgus2 ilmux dbagi2.Laen kali ajarin bikin headerx ya pak.Lagi niat ngurus blogger ne.Hehehe...
ReplyDelete@om dimas...
ReplyDeletemakasih 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 ;)
iya neh, custom header piye carane?
ReplyDeleteganti bekgron ala sendiri bisa g om?
wuis ngeri skripnya....mantab mantab
ReplyDeletehiks..hiks...
ReplyDeletengga 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...
weh..minta di cincang berapa potong kmu?!kog enak betul bilangin orang pinter!
ReplyDeletegua gigit loh!
huee.. om dimas kok jadi jualan daging disini?? emang udah ngga jadi designer ya?? :P
ReplyDeleteHayo sapa yang mau pesen daging?? lumayan buat lebaran...
wakakaka.....
gak aku jualan tulang..kan kmu gak ada daging..kwkwkwkwkw
ReplyDeleteok...................
ReplyDeleteSip lah <<<
ReplyDeletehttp://devilskyacademy.blogspot.com/
ReplyDeleteuhm, kalo mau buat animated blog background gimana ?
ReplyDeletewakakakakakak salah nak g iso gak usah disiarkan to
ReplyDeleteyang salah apa??
ReplyDeletekm yang salah??
mantep bgt... join dunk....ke blog aq....
ReplyDeleterhypal.blogspot.com........