Minggu, 01 September 2013

Membuat elemen Postingan Berkolom - Kolom


1 Login ke blogger
2 masuk ke Rancangan >> Edit HTML
3 setelah itu cari kode di bawah ini
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
dan




.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

4 Setelah itu ganti menjadi seperti di bawah ini
post {
margin:.5em 10px 1.5em 20px;
width:240px; /*dapat kamu ganti, untuk menyesuaikan ukuran main-wrapper*/
padding:5px 15px 5px 15px;
float:left;
}
dan
.post-body {
line-height:1.4em;
margin:0 0 0.75em;
height:150px; /*dapat kamu ganti, sesuai keinginan*/
overflow:hidden
}
5 setelah itu cari kode ]]></b:skin>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post {
width:100%;
margin:.5em 11px 1.5em 3px;
}
.post-body {
height:100%;
}
</style>
</b:if>
dan tambahkan kode di bawah ini tepat di atasnya
Dan setelah semua langkah di lakukan kamu dapat menyimpannya dan melihat hasilnya