shad0w-share

Menjadikan Homapage Dua Kolom Posting Blogspot sebenarnya anda tidak perlu repot-repot harus menambahkan atau mengedit kode template blog anda karena dengan menggunakan mesin pencari dengan kata kunci template dua kolom posting maka anda akan menemukan beberapa blog yang menyediakan template dengan homepage dua kolom posting. Jika anda tetap kesulitan menjadikan homepage dua kolom posting, untuk panduannya silahkan buka di cara membuat dua kolom posting homepage blogspot. Di artikel tersebut telah saya jelaskan secara detail dan jelas.

Seperti halnya blog ini yang memiliki tiga kolom posting di homepage, awalnya memang saya ingin meniru sebuah tampilan website yang memiliki lima kolom posting homepage dan tanpa sidebar namun setelah salah satu artikel dibuka maka sidebar pun tampil tapi karena beberapa alasan maka saya urungkan niat meniru tersebut karena takut melanggar hak cipta dari sang pemilik website itu sehingga saya biarkan sidebar tetap ada di homepage atau sesuai dengan template aslinya dan hanya beberapa poin yang masih meniru website tersebut


Selain itu, dengan memilih tampilan template seperti yang saya gunakan di blog ini, memang ada keuntungan tersendiri untuk perkembangan blog ini. Seperti yang telah saya rasakan saat ini yaitu mendapatkan PR 1 dalam waktu singkat. Kok bisa? Maaf kalau ini tetap menjadi rahasia saya :)

Jadi, menjadikan homepage dua kolom posting atau lebih menjadikan halaman depan blog tampil minimalis sehingga para pengunjung blog tidak terlalu capek untuk melakukan scrolling ke bawah. Dan itulah mengapa semua template toko online menggunakan 4 - 5 kolom di halama depannya karena mereka memiliki tujuan terhadap tampilan tersebut yaitu meningkatkan penjualan!

Terakhir, semua pilihan ada ditangan anda untuk memilih menggunakan template atau mengedit dan menjadikannya dua kolom atau lebih. Terimakasih telah membaca artikel wacana ini, Menjadikan Homapage Dua Kolom Posting Blogspot

Cara Membuat Dua Kolom Posting Homepage Blogspot ini merupakan artikel request dari mas Ibnu Syamsun dalam komentarnya disini oke mbak ane sukses menerapkan di blog ane makasih tutorialnya sangat jelas. request "membuat posting 2 kolom di hompage dong" :) Untuk membuat dua kolom posting homepage blogspot ini sebenarnya sudah ada di mesin pencari Google namun sedikit ada tambahan yang perlu saya benahi dari beberapa artikel tentang cara membuat dua kolom posting homepage blogspot agar lebih baik lagi. Berikut gambar dari hasil cara membuat dua kolom posting homepage blogspot yang telah saya buat di blog saya sendiri


Berikut Cara Membuat Dua Kolom Posting Homepage Blogspot

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>
   
   Tambahan 1 :
   
   • Jika anda ingin menambahkan background cukup memasang kodenya saja seperti berikut ini
     .post {background:#00000;width:250px;height:400px;margin:0 20px 5px 0;overflow:hidden;float:left;}
   • Atur lebar dan tinggi postingan
     width:250px;height:400px;
   • Atur jarak antar postingan
     margin:0 20px 5px 0;
   
   Tambahan 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>
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;}
   
   Penambahan auto ini sebenarnya hanya tambahan saja agar jarak antar artikel sesuai. Bisa anda tambahkan, bisa juga tidak, namun untuk mengetahuinya apakah perlu menambahkan auto, silahkan preview blog terlebih dahulu dan bandingankan hasilnya antara ada dan tidak adanya auto
6. Setelah selesai. Preview blog anda terlebih dahulu dan lihat hasilnya. Jika hasilnya seperti gambar berikut ini, dimana link Posting Lama terlihat seperti gambar berikut ini
   
   
   
   
   Pada gambar diatas, link Posting Lama atau sejenisnya berada sejajar dengan artikel blog dan untuk mengembalikan ke posisi sebenarnya yaitu berada di bawah kanan, silahkan cari kode <b:include name='nextprev'/> dan tambahkan kode <div style='clear: both;'/> tepat diatas <b:include name='nextprev'/>
   Hasilnya:
   <div style='clear: both;'/>
   <b:include name='nextprev'/>
7. Preview lagi blog anda
8. Selamat! Halaman depan atau homepage blog anda sudah berubah menjadi dua kolom posting

Jika ada pertanyaan tentang cara membuat dua kolom posting homepage blogspot ini, mari kita diskusikan bersama dengan meninggalkan komentar untuk artikel ini, Cara Membuat Dua Kolom Posting Homepage Blogspot