Cara Membuat Tampilan 2 Kolom di Homepage Blog

Membuat Tampilan 2 Kolom di Homepage Blog - Setelah dua hari lalu saya tidak pernah posting di karenakan sibuk di kerja , kali ini saya akan share sebuah tutorial tentang cara membuat tampilan 2 kolom di homepage blog. Dengan di buat menjadi 2 kolom, maka tampilan homepage blog anda akan lebih rapi dan tidak terlalu memakan banyak tempat. Selain itu, blog akan terkesan lebih professional dan menarik.makanya itu bagi anda yang mau ngin coba tutorial ini silahkan ikutin langkah-langkah Di bawah Ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

4. Kemudian cari kode ]]></b:skin> (gunakan Ctrl+F untuk mencarinya) dan letakkan script CSS berikut ini tepat di bawahnya!

  <style type='text/css'>

  <b:if cond='data:blog.pageType != &quot;item&quot;'>

  #main-wrapper {

width:650;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:100%; clear:both;

}

    .post {

margin:.0 10px 10px 0;background:none;width:290px;height:340px;float:left; border-bottom: 1px solid #ccc; 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>

5. Kemudian klik save/simpan template, selesai...

Sekian postingan pada kesempatan kali ini tentang cara membuat tampilan 2 kolom di homepage blog ini.