Cara Membuat Postingan Blog Menjadi dua kolom - Pada kesempatan kali ini saya akan membahas tentang cara membuat postingan terbagi menjadi dua di blog. caranya sangat mudah sekali kita tidak butuh dengan kemahiran tetapi kita butuh dengan ketelitian dan kesabaran untuk mengikuti tips dan trik dari saya. 
sebelumnya yang saya maksud dalam artikel ini adalah membagi dua postingan blog seperti ini  yang terdapat 4 kotak  itulah postingannya.
Cara Membuat Postingan Blog Menjadi dua kolom

Nah untuk langkah-langkah tersebut anda bisa mengiuti langkah demi langkah dibawah ini :

  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: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;

    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>
  5. Selanjutnya cari kode .post {
    Pasang auto diantara kode jarak dalam .post {
    Sebelum
    .post {margin:0.5em 0 1.5em;}
    Sesudah
    .post {margin:0.5em auto 0 1.5em;}

Dan simpan hasil perubahan tersebut. demikian tips dan trik yang dapat saya sampaikan semoga bermanfaat bagi kalian semua.

Keyword : Cara Membuat Postingan Blog Menjadi dua kolom , postingan dua kolom di blog, Merubah Blog menjadi dua kolom.

Share To:

Post A Comment:

0 comments so far,add yours