Cara Mengganti atau Memasang Gambar Background di Blog

Gimana sobat blogger kabarnya? kali ini ane mau ngasih info dikit. meskipun ane pemula dalam dunia blog, tapi ane gak pelit ilmu lhoo.....hehehe

Simak baik-baik yaa sob. ini adalah tata cara mengganti ataupun memasang gambar backgroun yang biasanya ada di belakang judul blog. langkah-;angkahnya yaitu:
1. Klik Template
2. Pilih dan Masuk ke Edit HTML
3. Mulailah cari dengan Ctrl + F dan ketik #header-wrapper
biasanya akan ada tampilan seperti ini:


#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)

4. Tambahkan ini sebelum background-color atau kamu bisa menghapus background-color agar tidak dipenuhi gambar bawaan. kemudian carilah gambar yang akan kamu pasang.


 background image: url(http://alamat-url-gambar/gambar.jpg);
 background-repeat: no-repeat; 

5. Contohnya seperti ini
#header-wrapper{ 
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
background-color: #00000;
width:975px;margin:0 auto 0;height:125px;) 
Gantilah http://alamat-url-gambar/gambar.jpg dengan direct url dimana kamu dapay gambar backround. contohnya:
http://spitballarmy.com/wp-content/themes/cutline-3-column-split-11/images/header_61.jpg 
Sebelum memasangnya kamu edit dan pastikan ukuran gambar sama dengan width dan height  header blog.
6. Dan yang terakhir klik simpan template. dan lihat hasilnya.....
Contoh punya ane ni sob




Tidak ada komentar:

Posting Komentar