Cara Mengganti Header Blog Dengan Gambar

Halo sob, gimana kabarnya???

Semoga baik-baik saja yaa... Ok, kali ini saya mau share mengenai mengganti header dengan gambar setelah sebelumnya saya share mengenai cara membuat social network icon dengan efek berputar. Tutorial ini ditulis untuk yang sedang belajar membuat blog atau yang sudah tau tapi lupa juga boleh kok, hehehe...

Sebelumnya tentu siapkan dulu gambar untuk header blog nya sesuai dengan ukuran lebar blog masing-masing. Caranya cari kode berikut :

 /* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:1015px

Kode diatas yang berwarna merah adalah lebar blog silahkan siapkan gambar sesuai ukuran tersebut atau ingin lebih kecil juga tidak masalah. sedangkan untuk tingginya disesuaikan saja.

Ok, kita langsung aja sob karna caranya sangat simpe dan tidak perlu berlama-lama ya :

1. Login dulu ke blogger.

2. Pilih Template - Edit HTML dan centang "Expand Template Widget".

3. Kemudian cari kode berikut ini :

/* Outer-Wrapper----------------------------------------------- */

#outer-wrapper{width:1015px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;border-top: 8px solid #393836;}

#content-wrapper{xxxxxxxx;}

#main-wrapper{width:600px;padding-left:15px;padding-right:15px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */

4. Kemudian ganti kode #content-wrapper{xxxxxxxx;} dengan kode berikut ini :

#content-wrapper{url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxTONNHI9R1JH4fQsNqiP200Sgq_8tLeDi_50yu8bVtsw-BOtuJ6pCNk9cHAUhwV5BvGXSA11pNgtuIRSBf2Wdkpii_i6xmFDwamX1g0k_wtTPqs6kmHjamehfwwaXYjN_evZEkp_m_EAM/s1600/HEADER+BLOG.jpg)  right top repeat-y;}

5. Silahkan ganti URL gambar berwarna merah diatas dengan URL gambar temen-temen yang sudah disiapkan.

6. Simpan template.

7. Enjoy.

Gimana, sudah berhasil mengubah header blognya??? Semoga bermanfaat yaa...