Membuat Header 2 (Dua) Kolom
Membuat Kolom emang agak gampang agak sulit , tapi ada berbagai tips dan Trik dari pengalaman saya dan juga dari bantuan Om Google . hehehheehehe..... simple dan mudah ikuti saja cara - cara nya .......!
Cara - cara nya adalah :
1. Login ke blogger
2. Tata Letak - Edit HTML
3. Cari kode yang mirip dengan kode di bawah ini
Hapus dan Ganti dengan kode berikut:
Hapus dan ganti dengan kode berikut
udah mudah kan plend...semoga berhasil
Cara - cara nya adalah :
1. Login ke blogger
2. Tata Letak - Edit HTML
3. Cari kode yang mirip dengan kode di bawah 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;
}
#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}
#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}
===================================
*/
#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;
}
Hapus dan Ganti dengan kode berikut:
/* 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;
}
Lalu cari kode yang mirip dengan kode di bawah iniHapus dan ganti dengan kode berikut
udah mudah kan plend...semoga berhasil
kucoba ko kagak bisa ya... salah dimana saya ini?
BalasHapus