Cara Menambah Elemen dibawah Header

Cara menambah elemen dibawah header, pada postingan sebelumnya cybermistick.com telah share bagaimana cara menambah 2 elemen widgate dibawah posting blog dan cara menambah 2 elemen dibawah sidebar utama. Baiklah langsung saja pada cara pembuatannya menambah elemen dibawah header lihat gambar dibawah:

Langkah pertama

1. Kita harus membuat satu widget di bawah header untuk meletakkan slider nantinya. Login keblogger dengan akun Anda
2. Setelah masuk ke dashboard, pilih blog yang mau dipasang slider.
3. Kemudian pilih template >> Edit HTM, jangan lupa centang dulu kotak expand widget template.
4. Backup dulu template untuk berjaga-jaga jika nanti terjadi kesalahan dalam pengeditan. Kemudian masukkan kode berikut ini diatas  ]]></b:skin>

/* Slide Content 

----------------------------------------------- */  

.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;  

word-wrap: break-word; overflow: hidden;}   

.slide {color: #666666;line-height: 1.3em;}  

.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}  

.slide li {margin:0;padding-top:0;  

padding-right:0;padding-bottom:.25em;  

padding-left:0px;text-indent:0px;line-height:1.3em;}  

.slide .widget {margin:0px 0px 6px 0px;}

5. Kemudian untuk memanggil widget agar muncul di layout, letakkan kode berikut di atas <div id='main-wrapper'>


<b:if cond='data:blog.url == data:blog.homepageUrl'>  
      <div id='slide-wrapper'>  
<b:section class='slide' id='slide' preferred='yes'/>  
      </div>  
</b:if>

Lalu save template, sekarang anda masuk ke layout dulu, lihat dibagian bawah header apa sudah ada satu widget kosong seperti pada gambar di atas?