Menambah Kolom Sidebar dibawah Title Blog atau Dibawah Header

Seperti Blog ini, ada 2 kolom Sidebar dibawah Title Blog atau Dibawah Header, Yang pertama Panduan Ngeblog Blogspot dan Kolom kedua kolom iklan. Anda tertarik ingin membuatnya ???, Silakan ikuti Langkah berikut :

• Login ke Blog Sampeyan klik DISINI
• Pilih Tata Letak, Klik Edit HTML
• Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap)
• (gunakan Ctrl + F) Cari kode ]]></b:skin>
• Copy dan paste Kode dibawah ini diatas kode ]]></b:skin>

/* KolomAtas
—————————- */
#kolomatas {
width: 500px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:none;
padding: 15px 0 15px 0;
}
#kolomatas h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 12px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}
#kolomatas ul {
padding: 0;
margin: 0;
}
#kolomatas ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dotted #fff;
/* border-bottom: 1px dashed #031c5d; */
}
#kolomatas ul li a {
display: block;
padding: 0 10px;
color:#FFFF33;
text-decoration: none;
}
#kolomatas ul li a:hover {
background: #B1ACB1;
}
#left-kolomatas { /* yang ini nih kode kolom kiri */
width: 240px;
float: left;
padding-left:15px;
}
#right-kolomatas { /* kalo yg ini kode kolom kanan */
width: 240px;
float: left;
padding: 0 5px 0 15px;
}

• Kasih tanda centang Expand Template Widget
  
• Kemudia cari kode atau yang mirip dibawah ini :

<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='NAMA BLOG ANDA' type='Header'/>
</b:section>
</div>

• Copy paste script berikut tepat di bawah kode di atas

<div id='kolomatas'>
<b:section class='kolomatas' id='left-kolomatas'/>
<b:section class='kolomatas' id='right-kolomatas'/>
</div>

•  Selesai, semoga berhasil

Berlangganan via RSS Feed

Ingin Artikel seperti ini ?,... masukan alamat email anda untuk berlangganan.

Artikel Anyar Yang Berhubungan :