Cara Gampang Membuat Satu Kolom Dibawah Header

AW - Cara Gampang Membuat Satu Kolom Dibawah Header. Artikel ini sudah terlalu lama saya simpan di skejul postingan, biar enggak menumpuk saya share biar bersih. Postingannya masih seputar tutorial blog yang pastinya sudah banyak para blogger  memposting artikel ini, biar terlambat asal bermanfaat bagi saya dan sobat semua.  Membuat satu Kolom Di Bawah Header masih sama ketika sobat membuat satu kolom widget diatas header , bedanya hanya letak penempatan saja. Kolom si bawah header ini bisa memberikan manfaat bagi sobat untuk memasang beberapa konten yang ingin ditampilkan dibawah header.
Di bawah ini ada cara dan langkah untuk pemasangannya :


( - ) Masuk ke akun blogger sobat

( - ) Klik menu Template (sebaiknya backup terlebih dahulu template sobat untuk menghindari kesalahan pada pemasangannya)
( - ) Edit Html   gunakan Ctrl + F  untuk mempermudah pencarian
( - ) Lalu sobat cari kode ]]></b:skin>
( - ) Copy dan letakkan kode di bawah ini tepat diatas kode ]]></b:skin>
  #oneunderheader{margin:10px 0;padding:1%;width:100%;}

( - ) Kemudian cari lagi kode di bawah 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> 

( - ) Letakkan kode di bawah ini tepat dibawah kode di atas dengan posisi di bawah kode </div>
 
<div id='oneunderheader'>
<b:section class='header' id='oneunderheader' preferred='yes'/> 
</div> 
( - ) Hasilnya akan menjadi seperti di bawah 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> 
<div id='oneunderheader'>
<b:section class='header' id='oneunderheader' preferred='yes'/> 
</div>

( - ) Simpan template

Semoga bermanfaat.

0 komentar: