.

Jumat, 13 November 2009

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















/* 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;
}

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 ini






Hapus dan ganti dengan kode berikut














udah mudah kan plend...semoga berhasil

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Catatan Harian Rendra / Melangkah Pasti.com di inbox anda:


1 komentar:

 

Mengenai Saya

Foto saya
Hidup adalah Perjuangan jangan kau sia-siakan Hidup yang ber arti ini. Belajar Blogging, Kehidupan mencari Berita , Belajar Mandiri Dengan daya pikir.Merubah pikiran terbatas membuat tak terbatas dengan Kreatifitas yang sangat Pekat.