Under Header pada Blogger

Ternyata ucapan selamat idul fitri di bawah header atau namanya id 'under header' menarik my friends. Saya katakan buka saja inMADRASAH.CO.cc, tulisan saya juga. Tapi, bagi yang kebetulan lagi buka euclidmaja, kagak salah jika saya tuliskan lagi di sini. Terlebih dengan menambahkan id 'under header' bisa kita gunakan untuk global link, breadcrumb atau gadget lainnya. Untuk ini, lakukan langkah-langkah berikut:



  1. Login ke blogger

  2. Klik Layout

  3. Klik tab Edit HTML


          Before editing your template, you may want to save a copy of it.



  1. Karena penting, backup dulu Template awal dengan cara:



  • Centang Expand Widget Templates

  • Klik Download Full Template



  1. Copy code berikut



#under_header{

margin:10px 40;

padding:1%;

width:100%;

}




  1. Paste code tadi di atas code berikut:



]]></b:skin>




  1. Copy code berikut



<div id='under_header'>

<b:section class='header' id='underheader' preferred='yes'>

</b:section>

</div> 




  1. Paste code tadi di bawah code berikut:



  <div id='header-wrapper'>

<b:section class='header' id='header' maxwidget='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='YOURTITLE
(Header)
' type='Header'/>

</b:section>

</div>




  1. Klik Save Template


Selesai pekerjaan menambahkan gadget 'under header'. Untuk melihat hasilnya, klik tab Page Elements dan kita akan melihat tampilan seperti berikut:




Please, you try it!

Please Select Embedded Mode To Show The Comment System.*

Previous Post Next Post