Cara Mudah Membagi Header Menjadi Dua

Cara Mudah Membagi Header Menjadi Dua –  Terkadang banyak kita jumpai blog yang headernya sudah dimodifikasi yaitu sudah dibagi dua. Maksudnya? Maksudnya adalah kolom header suatu blog yang sudah menjadi dua dengan cara memodifikasinya. Header yang sudah terbagi dua biasanya kolom salah satu header tersebut akan dipasang iklan atau fitur yang lainnya. Mau tahu cara pembuatannya? Mari kita mencoba membuatnya dengan mengikuti langkah-langkah berikut ini. 

>>>Demo<<<

Lihat pada bagian header halaman demo

1.  Login ke blogger untuk menuju ke dasbor blog anda.

2.  Pergi ke Rancangan > Edit HTML > Backup template untuk jaga-jaga jika ada kesalahan.

3.  Cari kode yang hampir mirip dengan kode berikut dengan menggunakan Ctrl+F.

.header-inner {  padding: 27px 0 3px;}
.header-inner .section {  margin: 0 35px;}

4.  Lalu ganti kode di atas dengan kode berikut ini.

.header-inner {  padding: 20px 0 3px;}.header-inner .section {  width:440px;  padding:0 1px;  margin: 0 0 0 33px;}.header-kanan {  width:470px;  float:$endSide;  padding:0 1px;  margin: 0 33px 0 0;}

Komentar:

Warna biru --> Silahkan sesuaikan dengan lebar header jika dibagi menjadi dua.

5.  Lalu cari kode <div class='region-inner header-inner'> (Ctrl+F) dan sisipkan kode berikut tepat di atasnya.

<div class='header-kanan'> <b:section class='header' id='header2' maxwidgets='1' preferred='yes'> <b:widget id='LinkList100' locked='true' title='' type='LinkList'/> </b:section> </div>

6.  Jika sudah klik Simpan Template dan lihat hasilnya

>>>Semoga Bermanfaat<<<

Source: http://superrefreshing.blogspot.com/2012/07/cara-mudah-membagi-header-menjadi-dua.html#ixzz20zvIzCvD

Artikel Terkait: