Powered by FeedBurner

Social Share

Membuat Background

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.

Description: Membuat Background, Rating: 4.5, Reviewer: Unknown, ItemReviewed: Membuat Background

0 komentar:

Related Posts Plugin for WordPress, Blogger...

Sahabat

Rastafara Uye

Jakarta Time

  ©Template by Blogger. Design By Tips dan Trik Blog