Menambah Kolom Disamping Header

Mungkin kalian pernah berpikir gimana ya caranya buat kolom disamping kolom header biar sejajar entah untuk naruh iklan atau apa saja, maka dari itu sekarang saya ingin memberitahu caranya dengan mengikuti cara dari Tutor saya

Oke langsung aja kita coba

1. Login Ke blogger dengan ID anda tentunya

2. Lalu Pilih Layout

3. Pilih edit html

4. Cari kode ini (pake ctrl+f aja)

/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

"Kalo g ada mungkin beda di ukurannya"

5.Ganti kode di atas semua dengan kode ini

/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

Jangan lupa ya sesuaikan ukurannya dengan blog kamu

6. Kemudian cari lagi kode seperti ini (pake ctrl+f lagi jangan lupa)

7. Ganti semua kode diatas dengan ini

8. Simpan Perubahan

9. Jadi dech.....

Penulis : Moustakimarys ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Menambah Kolom Disamping Header ini dipublish oleh Moustakimarys pada hari . Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Menambah Kolom Disamping Header