Cara Membelah Header Blog

Untuk mengawali postingan kali ini alangkah baiknya jika terlebih dahulu untuk menyapa anda semua, saya berharap semoga anda semua dalam keadaan sehat walafiat, pada kesempatan ini wakas info mencoba untuk menuliskan mengenai cara membelah header blog menjadi 2 bagian, pada dasarnya header di buat sebagai tempat untuk menuliskan judul serta deskripsi blog, namun penulisan judul sama deskripsi tidak membutuhkan ruang yang banyak, sehingga masih banyak ruang yang dapat di manfaatkan untuk keperluan yang lainnya yang sesuai dengan keinginan pemilik blog, tidak sedikit blog yang mengubah tampilan header nya sehingga header blog tersebut terlihat lebih berpariasi dan enak di pandang tentunya.

Memiliki blog yang menarik tentu menjadi dambaan para blogger  agar setiap pengunjung merasa nyaman berada di blog tersebut, maka tak heran apabila para blogger terus berupaya untuk mempercantik tampilan blognya, untuk mempunyai blog yang bagus tentunya diperlukan kreativitas dan kerja keras tanpa putus asa, selalu mencoba sesuatu yang mungkin dianggap dapat merubah tampilan blog menjadi lebih menarik, salah satunya yaitu dengan merubah tampilan header agar bisa di modifikasi sedemikian rupa, untuk yang belum mengetahui cara membelah header blog mari bersama-sama kita ikuti langkahnya, cara ini untuk template bawaan dari blogger :

1. Login ke blogger
2. klik design/rancangan pada tampilan blogger baru, bisa langsung klik template ( untuk menjaga yang tidak diinginkan lebih baik save terlebih dahulu templatenya)
3. klik edit HTML

setelah masuk cari kode yang sama seperti di bawah ini :

.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

lalu hapus dan ganti dengan kode di bawah 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: 10%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 70%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}

kemudian cari lagi kode ini :

<div class='region-inner header-inner'>

lalu tambahkan kode di bawah ini tepat di sampingnya

<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

Setelah selesai simpan template yang sudah anda rubah lalu anda bisa melihat hasilnya di menu tata letak, apabila anda berhasil maka tampilan di tata letak headernya sudah berubah menjadi dua bagian, apabila anda ingin merubah lebar dari kedua bagian header tersebut maka anda bisa merubah angka % nya aja terserah sesuai dengan keinginan anda.

Sekian artikel mengenai cara membelah header blog dan semoga dapat membantu anda yang memang sedang mencari cara untuk membelah header agar tampilan blog anda menjadi lebih menarik dan berpariasi, semoga dengan tampilan baru header anda maka pengunjung blog anda menjadi betah dan sering mengunjungi blog anda sehingga blog anda menjadi blog yang ramai pengunjung, sukses selalu, terima kasih.