Menambah Kolom Baru di Bawah Header

Bagi anda yang suka mengotak-atik blognya supaya tampil menawan. Anda bisa kolom baru di bawah header, caranya ?

Mudah...

1. Anda login dulu di blogger dengan user ID anda.


2. Kemudian anda kilk Template


3. Jangan lupa download template anda, berjaga-jaga kalau terjadi kesalahan anda bisa kembali ke template awal anda dengan klik Cadangkan / Pulihkan kemudian klik Unduh template lengkap


4. Kemudian klik Edit HTML


5. Cari kode ]]></b:skin>(Untuk mempermudah pencarian pakai Ctrl+F)


6. Kemudian copy kode berikut :
   
   #under_header{
   margin:10px 0;
   padding:1%;
   width:98%;
   }
   
   Paste di atas kode ]]></b:skin>


7. Kemudian cari kode yang mirip dengan kode berikut :
   
   <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:section>


8. Kemudian copy kode di bawah ini :
   
   <div id="under_header">
   <b:section class='header' id='underheader' preferred='yes'/>
   </div>
   
   Paste di bawah kode tadi


9. Jadinya kode tersebut seperti 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:section>
   <div id="under_header">
   <b:section class='header' id='underheader' preferred='yes'/>
   </div>


10. Sudah...
    Kalau sudah sekarang klik Simpan Template


11. Sekarang tinggal klik Elemen Halaman untuk melihat hasilnya, dan hasilnya akan seperti ini :





12. Sukses ya.....


13. Jangan lupa kasih komentar, kalau ada kekurangan...

Readmore »