TAMBAH WIDGET DI SAMPING HEADER

Cara menambah widget disamping header.
1.    Login ke blogger. Dari halaman dasbord pilih pengaturan Template.
2.    Selanjutynya Klik edit HTML, dan cari kode .header-outer { .
       lengkapnya adalah :

.header-outer {

  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}


3.    Ganti semua kode diatas dengan kode dibawah ini.

.header-outer {

background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 104px;}
#header {
width: 40%;
margin-right: 10px;float: left; }
#headerkanan {
float: right;
width: 54%; 
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkanan .widget {margin: 3px;}


4.    Keterangan: 

104px untuk mengatur tinggi  header

 40% lebar header kiri.
 54% lebar header kanan
 20px 10px 5px 10px posisi atas-bawah header kanan.

No comments:

Post a Comment