Sebenarnya sudah lama saya mengetahui tentang masalah readmore ini(versi lawas). Pada awalnya saya tertarik untuk menggunakan readmore, tetapi entah mengapa saya kurang suka dengan cara menggunakannya yang kurang praktis. Menggunakan readmore juga membuat loading blog berat karena harus loading dari awal lagi setelah pengunjung mengklik readmore untuk membaca selengkapnya.
Sampai suatu hari, gak tahu dapat ilham dari mana saya menemukan cara menggunakan readmore otomatis ini di blognya o-om.com. Readmore otomatis ini lebih canggih karena fungsi pemenggalan kalimat bekerja secara otomatis tanpa harus menyisipkan kode tertentu di postingan seperti yang digunakan di readmore versi lama.
Hebatnya di Readmore ini terdapat fasilitas image thumbnail yaitu bisa menampilkan gambar pertama dalam postingan dan mem-fload gambar tersebut di awal paragraf, meskipun gambar diletakkan ditengah atau akhir postingan. Selain itu, kita dapat juga dapat mengatur berapa jumlah karakter yang akan ditampilkan, baik saat menggunakan gambar atau saat tidak menggunakan gambar.
Untuk memasang Readmore Otomatis ini silahkan ikuti langkah-langkah berikut ini:
1. Jika anda sudah menggunakan readmore versi lama hapus dulu kodenya
2. Masuk ke halaman Edit HTML, cari kode berikut
lalu letakkan script di bawah ini diatas kode
Silahkan copy paste script kode dibawah ini:
Jangan lupa simpan terlebih dahulu. Masih di halaman EDIT HTML, beri tanda centang pada "Expand widget template" lalu cari kode berikut
Jika sudah, ganti kode
READ MORE -
Simpan dan lihat hasilnya...
Keterangan:
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
Selamat mencoba...semoga sukses..!!! :))
Tidak ada komentar:
Posting Komentar