
Sebelumnya congcot sudah bahas tentang cara pembuatan readmore (pelajari: Auto readmore), sekarang saya akan memberikan sedikit trik bagaimana supaya tampilan auto readmorenya tidak ada tampilan gambar. Memang, bagi sebagian orang, tampilan gambar sangat penting. Tapi kadang orang suka hal yang simpel, dia tidak ingin ada tampilan gambar, justru hanya ingin judulnya (pelajari: hanya judul) dan sedikit info dari posting tersebut.
Langkah...
Oke langsung saja.
Jika suda baca tentang pembuatan readmore, pasti anda menemukan kode dibawah ini:
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
Supaya gambar tidak tampil, silahkan tambahkan kode display:none. Sekarang perhatikan hasil modifikasinya:
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="display:none;float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="display:none;float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
Lihat bagian kata yang bercetak tebal, itu adalah perintah untuk menghilangkan atau menyembunyikan gambar auto readmorenya. Silahkan tambah kodenya sepert diatas.
Intinya...
Tambahkan trik yang baik untuk menambah kreativitas dan menarik perhatian pembaca atau pengunjung dengan tampilan blog anda. Sebenarnya kembali kepada diri anda sendiri, apakah mau dihilangkan atau memilih untuk tetap ditampilkan. Blog anda milik anda, anda lebih berhak memutuskan. Terima Kasih.
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.




















