Skip to main content

Cara membuat Header Menjadi Dua Kolom ( templete Baru)


Tips membuat Header Menjadi Dua Kolom ( templete Baru)



-Login ke akun blogger sobat.
-Pada Dasbor blogger klik Template => Edit HTML
-Beri tanda centang pada Expand Template Widget.
-Cari kode, .header-outer gunakan fung
si Find (Ctrl+F).


.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

 

sobat hapus kode di atas dan ganti (replace) dengan kode di bawah ini sobat
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */}
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}

 
   Tahap selanjutnya
Cari kode di bawah ini
<div class='region-inner header-inner'>

 

Terus anda tambahkan dengan kode di bawah ini sobat
Kemudian copy dan pastekan tepat diposisinya
<b:section class='dedisp_headerkanan' id='dedisp_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>


 
  hasilnya seperti yang di bawah ini

<div class='region-inner header-inner'><b:section class='dedisp_headerkanan' id='dedisp_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

 
 catatan :
  • Untuk yang bercetak tebal merupakan kode yang di tambahkan tambahan 
  • Untuk yang bercetak biru angka nya bisa anda bisa ganti dengan angka 2,3,4 atau lain nya..maksud nya untuk susunan kolom kebawah. 
ð       Tahap terakhir
Sebaiknya klik Pratinjau terlebih dahulu,  Setelah itu, klik Simpan
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar