0 Menambah Kolom Elemen Dibawah Header Blogspot

Posting di Tutorial Blogspot

Setelah beberapa hari tidak online dikarenakan saya bepergian ke luar kota maka kali ini saya kembali akan memposting artikel seputar tutorial blogspot. Kadang ketika anda memilih template blog, kolom elemen yang ada di template blog kurang sesuai dengan keinginan anda, misalnya anda ingin agar di template blog anda terdapat kolom elemen di bawah header sedang tampilan default template tidak ada elemen tersebut, maka anda bisa membuat kolom elemen di bawah header dengan memasukkan beberapa kode HTML yang akan saya bahas disini. Anda dan saya sama-sama belajar, tapi saat ini marilah anda ikuti langkah-langkah yang saya tulis berikut ini.

1. Masuklah ke halaman Dasbor > Tata Letak > Edit HTML
2. Carilah kode ]]></b:skin>
3. Lalu tulislah kode dibawah ini tepat diatas kode ]]></b:skin>
#bawah_header{margin:10px 0; padding:1%; width:100%;}
4. Lalu carilah kode berikut ini
   
   <div id="header-wrapper">
   <b:section class="header" id="header" maxwidget="1" showaddelement="no">
   <b:widget id="Header1" locked="true" title="test (header)" type="Header"/>
   </b:widget></b:section></div>
5. Jika anda sudah menemukan kode diatas, maka tulislah kode berikut ini tepat dibawahnya.
   
   <div id="bawah-header">
   <b:section class="header" id="bawahheader" preferred="yes"/>
   </b:section></div>
6. Jika sudah, simpan template
7. Untuk melihat elemen yang baru saja anda buat, klik menu Tata Letak > Elemen Halaman
8. Anda akan melihat kolom elemen baru di bawah header dan anda bisa menambah gadget disitu.

Nah demikian langkah-langkah untuk menambah kolom elemen dibawah header, mudah bukan jika anda mengikuti langkah-langkah diatas dengan benar. Selamat mencoba da salam sukses selalu.

Komentar →