Template yang sobat gunakan tidak menyediakan kolom widget yang sesuai dengan keinginan sobat? Kolom widget di
header blog
hanya tersedia satu kolom sedangkan
membutuhkan yang tiga kolom? Tenang,
buat
cara ini.
Kolom widget di bawah header ini bisa dibuat dengan mudah. Jumlahnya bisa 1, 2, atau 3 pilih sesuai keinginan sobat, atau mau pasang ketiga-tiganya juga tidak apa-apa. Untuk ukuran juga bisa diatur dengan mudah jika sobat ingin mengganti ukuran yang saya tetapkan.
Oke, tak usah panjang lebar. Mari sobat simak langkah-langkahnya.
Cara Membuat Kolom Widget di Bawah Header pada Blog:
1. Login ke akun Blogger sobat.
2. Masuk pada bagian Template.
3. Cari kode
]]></b:skin>. Gunakan Tombol ctrl+F
4. Masukan kode berikut diatas kode
]]></b:skin>.
#underheader { clear:both; } .underheader-widget {
padding:0px 10px 10px 10px; }
5. Kemudian cari kode
<div id='main-wrapper'> atau
<div id='main-wpr'> atau
sejenisnya. Setiap template memiliki elemen yang berbeda. Namun pada umumnya ditulis dengan kode
<div id='main-wrapper'>. Sobat harus berusaha mencari elemen ini jika memang kode elemen pada template sobat berbeda dengan kode elemen yang saya contohkan.
Tambahan: Jika sobat bingung dengan apa kode sejenis "main-wrapper" yang digunakan pada template Blog sobat, beginilah cara mengetahuinya.
1. Masuk ke bagian Tata Letak.
2. Sentuhkan kursor pada tulisan edit yang terdapat di kolom posting.
Dapat diketahui widget id pada kolom posting adalah "blog1".
3. Masuk ke bagian Template >> klik Edit HTML.
4. Dengan tombol ctrl+F cari kode "blog1".
Maka dapat diketahui bahwa kolom posting (blog1) itu terdapat di posisi <div id='main-wrapper'>
6. Pilihlah beberapa kode di bawah ini dan kemudian letakan di atas kode
<div id='main-wrapper'> atau
<div id='main-wpr'> atau kode yang baru sobat temukan yang digunakan di template sobat.
<div id='underheader'>
<div id='box1' style='width: 100%; float: left;
margin:0; text-align: left;'>
<b:section class='header' id='col1' preferred='yes'
style='float:left;'/>
</div>
</div>
Terimakasih atas kunjungan Kamu Karena telah Mau membaca artikel Cara Membuat Kolom Widget di Bawah Header Blog. Tapi Kurang Lengkap Rasanya Jika Kunjunganmu di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar di bawah. Kamu boleh menyebarluaskan atau mengcopy artikel Cara Membuat Kolom Widget di Bawah Header Blog ini jika memang bermanfaat bagi kamu, tapi jangan lupa untuk mencantumkan link sumbernya. Pengunjung yang baik akan memberikan komentarnya di sini :p. Terima Kasih :)
