Tuesday, December 1, 2015

Membuat Auto Readmore Dua Kolom di Halaman Depan Blog

YANG dimaksud Auto Readmore Dua Kolom di Halaman Depan (Home) Blog adalah menampilkan posting terbaru berupa ringkasan dan gambar thumbnail dibagi menjadi dua kolom. Di luar soni dikenalnya "Post Summaries and Thumbnails Magazine Style".

Contohnya? Ya, blog CB ini dan banyak template blog lain yang di halaman depannya berisi auto readmore dua kolom. Contoh yang sudah dimodif biar lebih enak dilihat, bisa diintip di NJW V5.

Ini penampakan  Readmore Dua Kolom di Halaman Depan. Posting terbaru banget satu kolom (paling atas) dan posting sebelumnya, bisa 4-10 posting atau lebih, ditampilkan dua kolom berdampingan:

Auto Readmore Dua Kolom

Cara Membuat Auto Readmore Dua Kolom

1. Template > Edit HTML
2. Cari (CTRL + F) kode
3. Hapus kode  yang kedua dan GANTI dengan kode berikut ini:

 
 
Read more ?

4. Cari (CTRL + F) kode 
5. Hapus dan ganti dengan kode berikut ini:
























Read more?












6. Copas kode berikut ini di atas kode  










Catatan:
Angka-angka 290, 240, 80, 600, 540, 145, dan 165 adalah ukuran gambar thumbnail, area teks, dan jumlah ringkasan posting. Atur-atur aja biar pas!

7. Save Template!

Kini Auto Readmore Dua Kolom (ringkasan & gambar thumbnail) sudah muncul di Halaman Depan Blog Anda.

Tips desain blog ini berlaku terutama bagi template blog yang BELUM auto readmore. 

Yang sudah auto readmore, butuh "kemampuan ekstra" karena harus menghapus dulu kode-kode autoreadmore, menjadi posting penuh (lihat bagian bawah tips Cara Menghapus Autoreadmore). Good Luck! (http://contohblognih.blogspot.com/).*

Sumber


reff : http://www.contohblog.com/2015/03/membuat-auto-readmore-dua-kolom-di-home.html


Related video : Membuat Auto Readmore Dua Kolom di Halaman Depan Blog


0 comments:

Post a Comment