Menambah Kolom dengan Widget Diatas / dibawah Header



Membuat Kolom di bawah atau diatas Header, dengan cara menambah Widget, Hal ini dibuat biasanya untuk mempercantik penampilan blog dengan menambah Widget baru, maupun untuk Menampilkan Google adsense didekat Header.


  • Berikut caranya:
  • Silahkan login ke Blogger dengan ID anda.
  • Klik Tata Letak
  • Klik tab Edit HTML.
  • Klik tulisan Download Template Selengkapnya.
  • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
  • Cari kode : ]]></b:skin>.
  • Copy paste kode dibawah ini persis di atas kode ]]></b:skin>
.adscolumn{
width:933px;
padding:10px 3px;
background:#fff;
margin:5px 10px 0px 10px;
text-align:center;
border:1px solid #C0C0C0;
}
.adscolumn .widget{
}
  • Lihat ke bagian bawah, lalu cari kode berikut : <div id='main-wrapper'>
  • Copy paste kode berikut persis di atas kode <div id='main-wrapper'>
         <b:section class='adscolumn' id='adscolumn' preferred='yes'/>
  • Klik Pratinjau, Jika sudah berjalan baik 
  • Klik tombol SIMPAN TEMPLATE. 
  • Selesai. 
Hasilnya seperti ini: (klik Gambar untuk memperbesar)





Share your views...

0 Respones to "Menambah Kolom dengan Widget Diatas / dibawah Header"

 

Thesis WordPress Theme Converted by Hack Tutors | © 2010 Online TEX All Rights Reserved