Cara Membuat Auto Read more (Thumbnails) Blogspot V2

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah penyempurnaan dari script auto readmore V1, di mana ditemukan adanya masalah pada halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut muncul, sehingga harus diberi pengecualian (b if cond & b else) untuk static pages pada scriptnya. Selain itu, javascript dlm auto readmore ini juga bersifat internal jadi tidak perlu lagi memuat file .js eksternal yang diupload ke hosting lain. Meskipun file template menjadi sedikit lebih besar, namun loading page menjadi lebih cepat daripada auto readmore sebelumnya.

Langkah-langkahnya:

1. Masuk ke dahboard > Design/Rancangan > Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.

2. Jika dulu sudah diisi script auto readmore yang pertama, hapus terlebih dahulu, gunakan panduan dari posting auto readmore V1 untuk mengetahui mana saja yang harus dihapus.

3. Copy-paste script berikut tepat DI BAWAH (gunakan Ctrl+F):

Yang berwarna merah adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkanimg_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

3. Kemudian cari (gunakan Ctrl+F), dan GANTI dengan:

Read More >>

Kostumisasi:
Ganti Read More >> dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan berwarna merah tersebut dengan:

Ganti url (direct link) gambar readmore dengan alamat url dimana anda mengupload dan menghosting gambar.
----------------
Update (12102011):
Di komentar sobat Ari di bawah ditanyakan: bagaimana cara agar tampilan teks di post summary - auto readmore bisa rata kiri kanan (justified)?
Lihat bagian ini pada script kedua di atas. Jika auto readmore sudah dipasang, cari dengan Ctrl + F:

Untuk membuat teks di post summary dlm readmore justify, tambahkan style css ini ke dalam tag: style='text-align:justify;'
Jadinya:

style='text-align:justify;' expr:id='"summary" + data:post.id'>

----------------
4. Preview terlebih dahulu, jika sudah beres, kemudian save.

Gunakan kotak komentar untuk menyampaikan pertanyaan, permasalahan, atau apapun tentang script ini.

Artikel ini di Posting : Ruly Abdillah GintingFree Widget Blog

Terima Kasih sahabat telah membaca : Cara Membuat Auto Read more (Thumbnails) Blogspot V2 Silahkan membaca artikel lainnya tentang blog,blogspot,Cara buat read more di sini free widget for blog
Anda bisa menyebarluaskan artikel ini, Asalkan meletakkan link dibawah ini sebagai sumbernya <a href="http://widgetfree.blogspot.com/2012/01/cara-membuat-auto-read-more-thumbnails.html" target="_blank">Cara Membuat Auto Read more (Thumbnails) Blogspot V2</a>

:: Get this widget ! ::