Google Cara Merubah Background Blog | Kebinekaan

Berbagi tips, tutorial, download, dan update berbagai macam berita menarik

Sunday, April 14, 2013

Cara Merubah Background Blog



Cara Merubah Background Blog

Ini merupakan cara untuk mengganti background blog dengan gambar yang kamu inginkan agar terlihat lebih menyenangkan oleh pembuat blog maupun pengunjung. Bila kamu ingin mengganti background karena merasa bosan dengan background yang lama, silahkan perhatikan langkah berikut ini :

Cara Mengganti Background Blog dengan Gambar :

1. Silahkan Kamu ke halaman template, dan edit HTML
,

2. Lalu tekan CTRL+F dan carilah kode seperti ini : #body atau .body 

3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini
,

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
}


4. Setelah ketemu, Kamu tinggal menambahkan kode ini,

url('url link gambar yang ingin dijadikan background') repeat-x; 
Sehingga, dari contoh kode diatas, menjadi :

body{
background:#ded8c0 url('url link gambar yang ingin dijadikan background') repeat-x; color:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;margin:0;}



Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x 880. Caranya tinggal kamu rubah  kata repeat-x; menjadi repeat-x top left fixed;

Atau kamu juga bisa merubah sebuah gambar kecil menjadi gambar besar. Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll 0 0;
  
  
5. Simpan Template,

6. Selesai.

Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments

Mohon tinggalkan sedikit jejak komentar anda disini !
Terima Kasih :)

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Kebinekaan. All Rights Reserved.
Posts RSSComments RSS
Back to top