Pages

Tips Mengganti Background Blog

Bosan dengan background atau latar belakang blog yang ada sekarang?  Yuk ganti dengan background yang kita suka!

1. Klik edit HTML
2. Download dulu templatenya jika dirasa perlu
3. Cari kode body {
4. Nah sekarang silahkan pilih mau background yang seperti apa, tinggal sesuaikan warna atau link gambar yang bertanda merah, cekidot... 

body {
background:#ffffff;

(latar belakang polos)
body {
background:#ffffff url (link gambar) repeat fixed;

(gambar di ulang-ulang).

body {
background:#ffffff url (link gambar) no-repeat fixed;
(gambar tidak di ulang, tampil satu halaman penuh).
body {
background:#ffffff url (link gambar) no-repeat top center fixed;
(gambar tidak di ulang, tampil satu layar penuh, pusat gambar berfokus di bagian atas).

body {
background:#ffffff url (link gambar) no-repeat bottom center fixed;
gambar tidak di ulang, tampil satu layar penuh, gambar berpusat di bagian bawah).

body{background:#ffffff url (link gambar) repeat-y center;
(gambar di ulang-ulang secara tegak lurus, biasanya di gunakan sebagai garis tepi template).

background:#ffffff url (link gambar) repeat-x center;
(gambar di ulang-ulang secara horizonal).

Keterangan:

1. repeat, artinya gambar diulang-ulang.  
2. no-repeat, artinya gambar tidak diulang-ulang.
2. repeat-y, artinya gambar diulang secara vertikal.
3. repeat-x, artinya gambar diulang secara horizontal.
4. fixed, artinya fix atau oke, sama sisi, sama lebar.
5. top, artinya pusat gambar disimpan di atas. 
6. bottom, artinya pusat gambar disimpan di bawah. 
7. center, artinya pusat gambar disimpan di tengah
Untuk berlangganan artikel, masukan email anda disini:



2 Comment :

Egii mengatakan...

Nice info gan...
Tapi saya belom bisa ni, gambarnya tidak pernah pas gan. mungkin ada solusi gan?

papadiva mengatakan...

Trimaksih sob. Agar gambarnya tampil penuh, kita harus menambahkan propertinya menjadi sbb:

body {
background:#ffffff url (link gambar)no-repeat fixed;
background-size:cover;

atau

body {background: url(link gambar);margin:0;padding:0;background-size:100% 100%}

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry