Berbagi Info Cara Membuat 3 Kolom di Beranda Blog Terbaru 2017 Gratis

Sedikit Info Seputar Cara Membuat 3 Kolom di Beranda Blog Terbaru 2017 - Hay gaes kali ini team Free Mobile Games Download For Android , kali ini akan membahas artikel dengan judul Cara Membuat 3 Kolom di Beranda Blog, kami selaku Team Free Mobile Games Download For Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Mobile Games Download For Android . semoga isi postingan tentang Artikel Blogger, Artikel Tips, Artikel Tricks, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara Membuat 3 Kolom di Beranda Blog Full Update Terbaru
link: Cara Membuat 3 Kolom di Beranda Blog

Berbagi Cara Membuat 3 Kolom di Beranda Blog Terbaru dan Terlengkap 2017

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 :

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

Itulah sedikit Artikel Cara Membuat 3 Kolom di Beranda Blog terbaru dari kami

Semoga artikel Cara Membuat 3 Kolom di Beranda Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Free Mobile Games Download For Android . jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Cara Membuat 3 Kolom di Beranda Blog