Blogger Template designer memiliki kode yang berbeda dengan kode lama. Karena masih baru sehingga banyak para blogger mania yang bingung untuk memodifikasi template blogger yang baru.
Saya termasuk pecinta header 2 kolom, satu di kiri dan satunya lagi di kanan. Sedangkan Blogger template baru tidak menyediakan template dengan header yang 2 kolom.
Saya termasuk pecinta header 2 kolom, satu di kiri dan satunya lagi di kanan. Sedangkan Blogger template baru tidak menyediakan template dengan header yang 2 kolom.
Bagi yang mau mencoba tips ini, silahkan ikuti langkah berikut ini:
Cara Membagi Header 2 Kolom :
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini :
.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
6. Seluruh Kode dan ganti dengan kode ini:
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */}
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}
7. Selanjutnya cari kode :
<div class='region-inner header-inner'>
8. lalu pasang kode berikut ini di bawah kode no.7:
<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
9. Simpan Template jika sudah selesai.
0 komentar:
Posting Komentar