Selamat Datang di
Panduan Blog Tips dan Trik, membuat kode dan aplikasi kode, solusi optimalis blog
Kotak Status CongCot
Admin : Bang Jack or Jacky
Blogger From : Jawa Barat Indonesia
Status Now : Terjadwal

Jumat, 20 Agustus 2010

Trik Read More Otomatis, Auto Read More Tanpa Gambar

auto read more

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;
}


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;
}


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:

pie mengatakan...

ada juga ya
hebat2

congcot mengatakan...

ia mungkin karena paling suka pake kode display:none
hahaha

Googlid | Googlenya Blogger Indonesia mengatakan...

saya juga sudah pake gan, bagus.. :)

Rumah Imajinasi mengatakan...

wah saya sudah pake sob...
makasih ifnonya...

congcot mengatakan...

wah congcot donk yang ketinggalan
hahaha

Unknown mengatakan...

salam kanel dulu yach dari temennya ka Damar
ehm siip postingannya thanxs

congcot mengatakan...

ia lam kenal juga, terimakasih ya

Sandy Bispal mengatakan...

tapi Blogger kan sudah menyediakan Fasilitas Read More

Rizkyzone mengatakan...

dulu blog q pernah tak pasang readmore otomatis, tp tak lepas lagi, aq bikintampilannya hanya judul postingannya saja, kaya KR dan oempak

Arief Hidayat mengatakan...

klo saya make yang default dari blogger aja kang, ntar deh saya cobain,

Sodikin Kurniawan mengatakan...

Bagus triknya sob aku ijin simpen dulu kodenya ya.. aku mau coba

Unknown mengatakan...

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......

Vista 84 mengatakan...

kalo agar tampilan teks bisa rata kanan kiri bisa nggak bang, kalo bisa gimana, kan bisa tampil rapi dan enak dilihat :)

CongCot mengatakan...

@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

Vista 84 mengatakan...

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 :)

CongCot mengatakan...

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;

Keyzed mengatakan...

ini yang saya cari,thanks bro..kunjungi http://keyzedblog.blogspot.com

Tivisiana mengatakan...

bang gimana sih caranya membuat search seperti punya bang congcot agar hasil pencarian ada dibawahnya, mkasih bang

CongCot mengatakan...

ada di posting saya tentang pencarian posting di sidebar, di search aja

Bagaimana menurut Anda?