Menambah kolom disebelah kanan header blog biasanya dipergunakan untuk menyimpan iklan, menu share social media dan lainnya sehingga tampilan blog menjadi lebih keren.
Baiklah... sahabat WONGDURO silahkan ikuti tutorialnya, semoga tutorial saya kali ini bisa membantu keinginannya sahabat:
Temukan kode <div class='region-inner header-inner'> letakkan kode berikut diatasnya
Atau temukan kode <div class='header-wrapper'> letakkan kode berikut dibawahnya!
Baiklah... sahabat WONGDURO silahkan ikuti tutorialnya, semoga tutorial saya kali ini bisa membantu keinginannya sahabat:
- Sign in di akun blogger sahabat
- Klik Opsi lainnya
- Klik Template
- klik Edit HTML
- Centang tulisan Expand Widget Templates
- Temukan Kode CSS .header-outer atau #header-wrapper (oh ya... gunakan tombol CTRL + F untuk mempermudahkan penemuan kode)
- Ganti dengan kode berikut:
#header-wrapper {
max-width: 100%;
width: 1000px;
height: auto;
padding: 0 30px;
margin: 0 auto;
overflow: hidden;
}
#header {
float: left;
max-width: 280px;
width: 28%;
}
#menu-header {
float: right;
max-width: 720px;
width: 72%;
height:auto;
}
<b:section class='menu-header' id='menu-header' maxwidgets='1' showaddelement='yes'/>
- Terakhir... Jangan lupa save dan lihat hasilnya, kerenkan???
Belum ada tanggapan untuk "Cara Menambah Kolom Disebelah Kanan Header Blog"
Post a Comment