Ads by google:
Ads by google:
Cara Membuat 3 Kolom di Beranda Blog - Hai sobat. Kali ini saya mau membagikan Cara Membuat 3 Kolom di Beranda Blog. Cara ini saya dapatkan dari Blog SHARE4RT yang mana merupakan Blog yang selalu memberikan trick dan template terbaru. Cara membuatnya tidak sulit. Metode ini juga sekaligus menambah tampilan blog anda menjadi dinamis. Berikut Cara Membuat 3 Kolom di Beranda Blog :
How To Make 3 Posts On Your Homepage
1. Log-in ke blogger.com
2. Masuk ke Menu Template --> Edit HTML
3. Copy kode dibawah ini
<style type='text/css'>
.post{width:30%;height:318px;float:left;overflow:hidden;margin:0px 9px 15px 7px;padding:2px;}
.post-body{font:11px Arial;border-top:none;padding:0px 8px;margin:0;;text-align:justify;height:515px}
.post h1,.post h2{font:bold 11px Tahoma;line-height:1.3em;padding:6px 8px;text-shadow:none}
.cutter{width:100%;max-height:145px;overflow:hidden;margin:0;padding:0}
.postthumb{width:auto;margin-bottom:-45px;padding:0}
@media screen and (max-width:970px) {
 .post{margin:5px 0 5px 4px;width:46.5%;padding:5px;border:none;height:auto;}
.post h1,.post h2{font:bold 12px Tahoma;}
.post-body{height:45px}
}
@media screen and (max-width:460px){
.post{margin:14px 12px 0;width:auto;padding:10px}
.cutter{max-height:165px}
}
@media screen and (max-width:310px){
  .post{width:88%;margin:10px;padding:5px}
.cutter{max-height:155px}
}
</style>
4. Cari kode ]]></b:skin>. Letakkan kode yang dicopy tadi di bawah kode ]]></b:skin>
5. Klik preview untuk memastikan apakah sudah cocok. Jika sudah, klik SIMPAN

Anda dapat menyesuaikan cara ini dengan mengubah ukuran Blog Post atau ukuran Sidebar sehingga hasilnya lebih cocok.
Mungkin hanya itu saja yang dapat saya sampaikan. Luangkan waktu anda sedikit saja untuk meng-klik ikon G+ yang ada dibawah postingan atau di sidebar kanan atas. Terima kasih
Ads By Google :
Bermanfaat kan? Yuk Share ke :
Facebook Tweet