1. Login ke blogger
2. Masuk ke Rancangan dan klik Edit HTML
3. Letakan kode dibawah ini diatas kode ]]></b:skin>
/*Dua Kolom di Posting by blogtrikdantipsKeterangan:
-----------------------------*/
#underpost h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#underpost{
width:530px;
}
#underleft{
width:257px; /*lebar kolom kiri*/
float:left;
margin:4px;
}
#underright{
width:250px; /*lebar kolom kanan*/
float:right;
margin:4px;
}
Kode yang berwarna merah adalah lebar kedua kolom tersebut sedangkan kode berwarna hijau adalah lebar salah satu kolom. Tinggal diedit dan disesuaikan dengan lebar kolom posting anda.
4a. Jika ingin menambahkan dua kolom dibawah posting maka tambah code yang berwarna merah tepat dibawah code yang berwarna biru dan masih didalam code yang berwarna hijau diatas.
<div id='main-wrapper'>4b. Dan jika ingin menambah dua kolom diatas posting maka taruh code yang berwarna merah diatas code yang berwarna biru dan didalam code yang berwarna hijau
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<div id='underpost'>
<b:section class='underleft' id='underleft'/>
<b:section class='underright' id='underright'/>
</div>
</div>
<div id='main-wrapper'>5. Simpan template anda
<div id='underpost'>
<b:section class='underleft' id='underleft'/>
<b:section class='underright' id='underright'/>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
Oke deh selamat mencoba!!!
0 comments:
Posting Komentar
Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.