Cara Mengganti Gambar Header di BBlog

selamat malam agan", pada kesempatan kali ini saya akan memberikan tutorial cara mengganti gambar header di blog. Langsung aja deh ikuti langkah"nya di bawah ini :

Jika agan" hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, caranya cukup masuk ke Tata Letak dan klik edit pada widget judul dan deskripsi pada bagian header. 

Setelah itu Upload gambar yang agan inginkan melalui fitur upload yang telah disediakan, contoh nya seperti gambar di bawah ini

Namun jika agan" ingin mengganti seluruh bagian backround/latar wrapper header di blog anda, gunakan cara berikut ini :

1. Pergi ke Template setelah itu pilih Edit HTML.

2. Tekan tombol (Ctrl+F) setelah itu cari kata #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian pengaturan header dan posisinya

Contoh:

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

3. Tambahkan atribut ini sebelum background-color (atau anda dapat menghapus bagian background color jika header anda akan dipenuhi dengan gambar):

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

contoh jadinya:

#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;)

tau aturan shorthand untuk background juga dapat digunakan:
background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;contoh:


#header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)

Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana agan" mengupload gambar  header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.

4.xetelah itu klik Save template dan lihat apakah yg terjadi