Sesuai dengan judul postingan Cara Membuat Posting Dua Kolom Di Homepage Blog
kenapa banyak blogger ingin mempunyai tampilan sesimple mungkin ataupun semenarik, banyak juga yang membuat tampilan homepage ( Halaman Utama ) Blog yang biasanya satu kolom di homepage menjadi dua ( 2 ) kolom .
kenapa banyak blogger ingin mempunyai tampilan sesimple mungkin ataupun semenarik, banyak juga yang membuat tampilan homepage ( Halaman Utama ) Blog yang biasanya satu kolom di homepage menjadi dua ( 2 ) kolom .
Berikut gambar dari hasil cara membuat posting dua kolom homepage blogspot yang telah saya buat di blog uji coba pada template yang akan saya share setelah postingan ini.
 |
| Before ( Sebelum ) |
 |
| After ( Sesudah ) |
- Masuk ke akun blogger anda
- Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
- Cari Kode ]]></b:skin>
- Letakkan kode berikut dibawah kode ]]></b:skin>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post {width:250px;height:200px;margin:0 20px 5px 0;overflow:hidden;float:left;}
</style>
</b:if>
Catatan 1 :
- Jika anda ingin menambahkan background cukup memasang kodenya saja seperti berikut ini
.post {background:#00000;width:250px;height:200px;margin:0 20px 5px 0;overflow:hidden;float:left;}
- Atur lebar dan tinggi postingan
width:250px;height:200px;
- Atur jarak antar postingan
margin:0 20px 5px 0;
Catatan 2 :
Jika di blog anda terdapat Readmore, atur juga jumlah kata, lebar dan tinggi gambar yang terdapat didalam kode Readmore tersebut
Contoh:<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250; ← perkecil angka ini
summary_img = 250; ← perkecil angka ini
img_thumb_height = 200; ← perkecil angka ini
img_thumb_width = 200; ← perkecil angka ini
</script>
<script type='text/javascript'>
.............
</script> - Jika anda ingin menambahkan background cukup memasang kodenya saja seperti berikut ini