Cara Membuat 2 Kolom Home Page Di Beranda (Home) Blog

 

Cara Membuat 2 Kolom Di Home Page Blog - contoh gambar y seperti gambar di atas oke , langsung saja kita praktekan..

Berikut Cara Membuat Posting Dua Kolom Di Homepage Blog

1. Masuk ke akun blogger anda
2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
3. Cari Kode ]]></b:skin>
4. Letakkan kode berikut dibawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {width:250px;height:400px;margin:0 20px 5px 0;overflow:hidden;float:left;}
</style>
</b:if>

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>

 
Selanjutnya cari kode .post {
Pasang auto diantara kode jarak dalam .post {
Seperti berikut ..

Sebelum

.post { margin:0.5em 0 0.4em; padding-bottom:0.4em;font:13px Verdana, Arial, sans-serif; }

Ganti Menjadi 

.post { margin:0.5em auto 0 0.4em; padding-bottom:0.4em;font:13px Verdana, Arial, sans-serif; }

Lalu Klik Simpan Template

Semoga Berhasil 

 

Artikel Terkait