Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Selasa, 02 Februari 2010

Membuat Background

Kategori : , ,
Dalam hal ini kita memainkan CSS untuk Membuat Background seperti yang kita inginkan, mungkin ini trik sederhana tapi lumayan buat nambah-nambah ilmu sobat semua hihihihihi.

Dalam pembuatan beckground tentunya kita harus mengenal sedikit bahasa CSS (bukan bahasa hewan, gug gug gug). mungkin kebanyakan sobat blogger mempunyai template yang ada backgroundnya tidak seperti punya saya ini :(( yang backgroundnya polos hitam. kebanyakan orang memakai background yang sesuai ukuran templatenya mungkin sedikit mudah untuk memasang Background pada Template tersebut tapi kalau Image tersebut berukuran kecil bagaimana?? nah disini saya akan menjelaskan caranya, mau tau ikuti terus yuk.

Kalau biasanya image untuk Background yang tidak sesuai dengan ukurannya maka tampilannya kurang lebih seperti ini :



Nah kalau background di atas kode cssnya seperti di bawah ini :


body {
background:url('http://image23.oke.com/oke/mukajelek.jpg') ;}



Nah kalau sobat ingin image tersebut mengulang atau memenuhi background maka tinggal tambahkan saja repeat fixed contoh gambar dan kodenya :



Kodenya :


body {
background:url('http://image23.oke.com/oke/mukajelek.jpg') repeat fixed;}



Nah begitu dech kodenya, oiya kalau sobat ingin image tersebut horizontal maka tinggal tambahkan kode repeat-x fixed contoh gambar dan kodenya :


Kodenya :


body {
background:url('http://image23.oke.com/oke/mukajelek.jpg') repeat-x fixed;}


Kalau yang vertical tinggal ganti saja tulisan x-nya menjadi y, contoh gambar dan kodenya :


Kodenya :


body {
background:url('http://image23.oke.com/oke/mukajelek.jpg') repeat-y fixed;}



Nah mungkin hanya sekian ilmu yang bisa say bagikan kepada sobat sekalian, untuk trik-trik selanjutnya tinggal di tunggu y :D . oke saya akhiri dengan mengucapkan selamat berkreasi semoga template sobat menjadi lebih menarik untuk di kunjungi, Happy Blogging.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

6 Komentar untuk Membuat Background

Tutorialnya mantep sob...

thanks infonya.....

Wah bagus tuh, perlu di coba, salam kenla saya tunggu kunjungan balik anda..

mantab nih tips backgroundnya
tapi di blog kakcipa ada lho cara membuat template,
> aman
> gampang
> cepat
> memuaskan

mantap....
q da permintaan untuk kesekian kalinya...
saya mau buat hyperlink yg klu logo(yg diberi perintah hyperlink)di klik keterangannya muncul pada suatu kotak,trus klu klik logo selanjutnya berubah lagi keterangn yg ada pada kotak yg tadi. begitu seterusnya...!!!
makasih sebelumnya...!!!

thx 4 infonya...
visit me
http://www.wwwkosmetikku.blogspot.com