Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header

NegeriAds.com Solusi Berpromosi

Beberapa hari lalu Admin IndonesiaNews! pernah membahas bagaimana cara membuat tiga kolom elemen di atas footer dan hari ini Admin IndonesiaNews! akan membahas bagimana cara membuat tiga kolom elemen dibawah header mirip dengan blognya kang rohman yang tersohor itu ^_^. Untuk membuatanya hampir sama dengan cara membuat kolom elemen di atas footer. Silakan ikuti langkah-langkah di bawah ini :

*  Log in dulu ke blogger
*  Lalu pilih Tata Letak
*  Klik Edit HTML
*  Beri tanda centang pada kotak kecil kanan atas
*  Kemudian cari kode ]]></b:skin> dan
*  Letakkan kode di bawah ini datas ]]></b:skin>

/* Top Header

---------------------------- */
#topheader {
width:930px;
clear:both;
float:left;
color:#333;
background:#fff;
margin:0 auto;
padding:0 0 10px;
}

#topheader a:visited {
color:gray;
text-decoration:none;
}

#topheader h2 {
font-size:11px;
font-weight:700;
line-height:1.4em;
text-transform:uppercase;
border-bottom:1px dotted silver;
margin:0 0 10px;
padding:20px 0 2px;
}

#topheader ul {
color:#333;
margin:0;
padding:0;
}

#topheader ul li {
list-style-type:none;
background:fff;
border-bottom:1px dotted #ccc;
padding-left:17px;
margin-top:2px;
}

#left-topheader {
width:360px;
float:left;
padding-left:15px;
}

#center-topheader {
width:230px;
float:left;
padding:0 20px;
}

#right-topheader {
width:260px;
float:right;
padding-right:15px;
}

Silahkan anda modifikasi anda sendiri sesuai kreasi anda. Atau ada yang mau di editin. Tanyakan semuanya di kotak komentar dibawah. Pasti saya jawab!

*  Kemudian kita akan membuat id untuk properti elemen yang baru saja ditambahkan. Cari kode ini

<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="Test Blog (Header)" type="Header">
</b:widget></b:section></div>

*  Kemudian tambahkan kode di bawah ini persis dibawah nya

<div id="topheader">
<b:section class="topheader" id="left-topheader" preferred="yes">
<b:section class="topheader" id="center-topheader" preferred="yes">
<b:section class="topheader" id="right-topheader" preferred="yes">
</b:section></b:section></b:section></div>

*  Simpan tamplate anda dan lihat hasilnya.

Selamat mencoba. Moga berhasil yahh,....

Saya tidak lupa untuk selalu mengingatkan kepada anda semua untuk meluangkan sedikit waktu anda untuk berkomentar di kontes SEO NegeriAds.com Solusi Berpromosi sebagai dukungan anda kepada IndonesiaNews! Terimakasih

Description: Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header Rating: 5 Reviewer: Coba Coba - ItemReviewed: Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header