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:
Cara Membuat Auto Readmore Dua Kolom
1. Template > Edit HTML
2. Cari (CTRL + F) kode
2. Cari (CTRL + F) kode
3. Hapus kode yang kedua dan GANTI dengan kode berikut ini:
4. Cari (CTRL + F) kode
5. Hapus dan ganti dengan kode berikut ini:
6. Copas kode berikut ini di atas kode
/>var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '
';
summ = posts_thumb_sum;
}
var summary = imgtag + '
div.innerHTML = summary;
}
function createSummaryAndThumb1(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = first_no_thumb_sum;
if(img.length>=1) {
imgtag = '';
summ = first_thumb_sum;
}
var summary1 = imgtag + '
div.innerHTML = summary1;
}
//]]>
Catatan:
7. Save Template!
reff : http://www.contohblog.com/2015/03/membuat-auto-readmore-dua-kolom-di-home.html
if(img.length>=1) {
imgtag = '
summ = posts_thumb_sum;
}
var summary = imgtag + '
' + removeHtmlTag(div.innerHTML,summ) + '
';div.innerHTML = summary;
}
function createSummaryAndThumb1(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = first_no_thumb_sum;
if(img.length>=1) {
imgtag = '
summ = first_thumb_sum;
}
var summary1 = imgtag + '
' + removeHtmlTag(div.innerHTML,summ) + '
';div.innerHTML = summary1;
}
//]]>
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!
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
0 comments:
Post a Comment