MEMBAGI HEADER MENJADI 2 PADA TEMPLATE DESIGN
To do point saja cara membagi header menjadi 2 kolom pada template design:
Login ke blogger anda.
Click Design
Click Edit HTML
Cari kode berikut:
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
Ganti dengan kode berikut:
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 150px; }
#header {
width: 40%;
margin-right: 10px;float: left; }
#header_right {
float: right;
width: 55%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#header_right .widget {margin: 3px;}
Cari kode berikut:
<div class='region-inner header-inner'>
Tambahkan dengan kode berikut di bawahnya:
<b:section class='header_right' id='header_right' maxwidgets='1' showaddelement='yes'>
Selesai.
Jika ada masalah tumpang tindih dengan widget lain, yang perlu dirubah adalah yang berwarna di atas.
Merah : Untuk mengatur tinggi header (height)
Biru: Untuk mengatur lebar header kiri
Hijau: Mengatur lebar header kanan
Pink: Untuk mengatur padding.
Login ke blogger anda.
Click Design
Click Edit HTML
Cari kode berikut:
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
Ganti dengan kode berikut:
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 150px; }
#header {
width: 40%;
margin-right: 10px;float: left; }
#header_right {
float: right;
width: 55%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#header_right .widget {margin: 3px;}
Cari kode berikut:
<div class='region-inner header-inner'>
Tambahkan dengan kode berikut di bawahnya:
<b:section class='header_right' id='header_right' maxwidgets='1' showaddelement='yes'>
Selesai.
Jika ada masalah tumpang tindih dengan widget lain, yang perlu dirubah adalah yang berwarna di atas.
Merah : Untuk mengatur tinggi header (height)
Biru: Untuk mengatur lebar header kiri
Hijau: Mengatur lebar header kanan
Pink: Untuk mengatur padding.
<b:section class='header_right' id='header_right' maxwidgets='1' showaddelement='yes'>
ReplyDeletegag bisa sob di save eror Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "b:section" must be terminated by the matching end-tag "".
gimana sob lg butuh tutorial ini sob
Oh itu harus ada akhir end tag nya caranya di akhir tag setelah 'yes' dan sebelum tanda lebih besar > tambahin garis miring atau / (slash) dari hasilnya seperti ini.
ReplyDeletesilahkan di coba lagi.
Maaf kodenya hilang,, lupa ga di parse,, ni mas coba kodenya yang ini <b:section class='header_right' id='header_right' maxwidgets='1' showaddelement='yes'/>
ReplyDeletethanks ya gan...
ReplyDeleteOke gan sama-sama
ReplyDeleteBagus Om Situs nya Sangat Manfaat.
ReplyDeleteSalam Kenal. Sukses Selalu
nice info,,,thnks ya.salam persahabatan aja ya,,,
ReplyDelete