Cara Membuat Postingan Blog Menjadi 3 Kolom



contoh postingan blog 3 kolom

Cara Membuat Postingan Blog Menjadi 3 Kolom - Sahabat blogger, setelah sebelumnya saya bang dadan membahas Cara membuat postingan blog menjadi 2 kolom, kali ini bang dadan akan coba bahas Cara Membuat Postingan Blog Menjadi 3 Kolom, kalau dari segi cara atau step by stepnya, postingan ini sebenarnya sama saja sob dengan postingan yang lalu, namun untuk menjadikan 3 kolom kita hanya perlu merubah kode html-nya saja, dan berikut saya akan berikan kode html untuk membuat postingan blog menjadi 3 kolom tersebut.
Berikut kode HTML nya :
<b:if cond='data:blog.pageType != "item"'><style>.post {width:285px;height:400px;margin-right:5px;overflow:hidden;float:right; background:#F2F2F2border:3px double #808080;} .post h2{font-size:13px;border-radius:0px;}#main-wrapper{width:620px;}.post-body{font-size:0px;}.post{margin-left:10px;border:3px solid #242424;width:30%;margin:5px;padding:0px;height:210px; /* Sesuaikan tingginya sesuka hati */float:left;}.post:hover{-webkit-animation-name: pulsate;-webkit-animation-duration:.4s;-webkit-animation-timing-function: ease-in-out;}@-webkit-keyframes pulsate {0% { background:#66f;}50% {background:#66f;}90% {background:#336;}100% {background:#336; }}.postmeta{display:none;}.post-footer{display:none;}/* Clear CSS Float */#blog-pager,h2.date-header {clear:both !important;}
</style></b:if>

Nah kalau sobat belum tahu cara pemasangan kode tersebut sobat bisa melihat tata caranya pada postinga sebelumnya yaitu Cara Membuat Postingan Blog Menjadi 2 Kolom, dan bisa sobat Klik Disini.

Mungkin sekian dulu pembahasan kali ini tentang Cara Membuat Postingan Blog Menjadi 3 Kolom, semoga artikel ini bermanfaat buat para blogger semua.. sampai berjumpa lagi dan salam blogger..
Labels: blogger tutorial

Thanks for reading Cara Membuat Postingan Blog Menjadi 3 Kolom. Please share...!

9 Comments on Cara Membuat Postingan Blog Menjadi 3 Kolom

  1. Pertamaxxxx..
    back http://kazkuzerx.blogspot.com

    ReplyDelete
  2. makasih tutornya mas...
    nanti bisa diterapkan pada blog saya

    http://indexiapk.blogspot.com

    ReplyDelete
  3. wih mantab boleh di coba nih..

    http://www.tokoobatku.com/obat-lemah-jantung-herbal/

    ReplyDelete
  4. thanks a lot for the info,, permit try yaa .... http://goo.gl/ajW73o

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. nyimak....
    mampir gan...
    http://www.ajibayustore.blogspot.com

    ReplyDelete
  7. nyimak....
    mampir gan...
    http://www.ajibayustore.blogspot.com

    ReplyDelete

Back To Top