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.
19 komentar:
ada juga ya
hebat2
ia mungkin karena paling suka pake kode display:none
hahaha
saya juga sudah pake gan, bagus.. :)
wah saya sudah pake sob...
makasih ifnonya...
wah congcot donk yang ketinggalan
hahaha
salam kanel dulu yach dari temennya ka Damar
ehm siip postingannya thanxs
ia lam kenal juga, terimakasih ya
tapi Blogger kan sudah menyediakan Fasilitas Read More
dulu blog q pernah tak pasang readmore otomatis, tp tak lepas lagi, aq bikintampilannya hanya judul postingannya saja, kaya KR dan oempak
klo saya make yang default dari blogger aja kang, ntar deh saya cobain,
Bagus triknya sob aku ijin simpen dulu kodenya ya.. aku mau coba
Wan mang,
saya duah pake dulu, ganti2 template teuteup bisa di pasang, nah yang sekrang gati tempaltae untuk yang terakhir kalinya kok ane jdi ga bsa psang lagi yah, napa nih ya mang, saya mah bingung knapa yah di utak atik dan di psang lagi readmorenya kok ga muncul2 dan ga bsa.........
bantuin mang bingung yeuh...
salam kenal dari
sakadaek
ti orang sunda......
kalo agar tampilan teks bisa rata kanan kiri bisa nggak bang, kalo bisa gimana, kan bisa tampil rapi dan enak dilihat :)
@anoenkasep: ia emang script ini susah dibuangnya meskipun dah ganti template. karena kode dsar html. kalo mau cari aja kode diatas pake ctrl+f. ketik kata2nya. pasti muncul jangan lupa centang expandnya.
@Vista 84: teks dimana ya? kalo di posting yang tinggal atur aja. ada toolbarnya ko. kalo di readmore, pke kode CSS
teks sebelum readmore bang, jadi paling depan, bukan yang di dalam postingan, bantu dong bang gimana cara pengaturan css nya maklum neeh buta banget s0al yang beginian, mkasih bang atas bantuannya, salam :)
Duh saya lupa tepatnya kode CSS. mohon maaf saya belum bisa buka kode blog, karena modem saya mau dijual. tapi cari aja style untuk readmore, tambahkan kode css text-align:justify;
ini yang saya cari,thanks bro..kunjungi http://keyzedblog.blogspot.com
bang gimana sih caranya membuat search seperti punya bang congcot agar hasil pencarian ada dibawahnya, mkasih bang
ada di posting saya tentang pencarian posting di sidebar, di search aja
Bagaimana menurut Anda?