http://projects.id/_

Jumat, 11 Oktober 2013

Cara Mengganti Header Blog Dengan Gambar

Sebelumnya persiapkan terlebih 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 :
12345678/* 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 :
1#content-wrapper{url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOu9ZuC89xboct29uosPXvV5WNjhTuXAKZdpr-N09TanzXGLad-2U025ODSqQ_edrzK0rBFrH5i3iA_GDcwAGqfRlwEEXlx1LJaOCmRkbmKeQ9NUUslEO37cqKcd2kMTKV2ZM1QlEXdW1v/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...