Membuat Postinan 2 kolom di Blog

TM-Blog kali ini akan berbagi trik Membuat Postinan 2 kolom di Blog



Postingan pada homepage pada beberapa template menggunakan hanya satu kolom,namun ada juga yang menggunakan dua atau tiga kolom
kalau kita gunanan dua kolom makan akan memuat banyak postingan pada blog,tentunya makin banyak pula pilihan post yang dibaca,Contoh bisa dilihat Disini
Berikut cara agar kolom post di homepage menjadi dua

  • Masuk ke Blogger Sobat
  • klik Menu Template > Edit HTML
  • Cari Kode ]]></b:skin>
  • Letakan kode dibawah ini di bawah kode ]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;} 
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:300px;height:265px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
</b:if>
</style>

  •   Simpan Template


Sekian dari TM-Blog :)
semoga bermanfaat bagi sobat yang membacanya

tinggalkan pendapat sobat untuk artikel ini

7 Responses to "Membuat Postinan 2 kolom di Blog"

  1. klo kyk gini bukannya malah tmbah gk rapi y??

    BalasHapus
  2. Susah ngaturnya ..
    lagian blog ane ukuran homepagenya udah kecil :v

    BalasHapus
  3. terima kasih atas masukannya..
    ini yang saya sedang cari..

    hatur nuwun

    BalasHapus
  4. cara bikin scroll back to top di tengah footer gmana sob.

    BalasHapus

Google+ Followers