Jumat, 08 Januari 2010

Cara Pasang Auto Read More Terbaru

Bloggericon

Artikel ini bagus untuk di sajikan di remaja news,dan cara ini bagus untuk pemula

Selamat Membaca!

Dan Ikuti Petunjuknya

Auto readmore terbaru ini sangat berbeda sekali dengan readmore versi-versi sebelumnya, dimana untuk mendapatkan readmore kita harus secara manual memasukannya kedalam postingan dan hal ini kadangkala menyulitkan kita dalam mempostingnya. Yaitu dimana kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemasangan fungsi

..
atau .. dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Sedikit ribet, bukan?!


Akan tetapi, untuk auto readmore terbaru ini, sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis, tanpa harus install code secara manual dan menempatkan postingan secara terpisah, atau dipisahkan dengan script tertentu seperti penjelasan diatas.

Sekedar informasi, fungsi Readmore ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungkin lebih nyaman disebut saja dengan fasilitas image thumbnail. ( Sebagai contoh nyatanya, dapat anda lihat sendiri pada tampilan “home” postingan blog saya ini. Hehe !! )


readmore Tidak hanya itu saja, kita dapat juga mengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image.

Lalu, Bagaimana Cara Memasang Auto Read More Terbaru ini ??

Penting! Yang sudah memasang Read More versi lama sebaiknya kode HTML-nya dikembalikan dulu ke seperti semula. Caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja. Tapi ingat, download template terlebih dahulu untuk jaga-jaga !!)









Readmore


Setelah itu masih di Edit HTML, cari code berikut ini dan pasang script berikut diatas kode tadi.



READ MORE -

Silahkan disimpan dan lihat hasilnya.

Keterangan:

Anda bisa juga mengatur sendiri dan menyesuaikan tampilan readmore terbaru ini sesuai keinginan dengan men-setting kode-kode script tampilan yang diletakkan diatas kode sebelumnya. Berikut penjelasannya :

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)

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda