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 dashboard > Template > Edit HTML. 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 V1untuk mengetahui mana saja yang harus dihapus dan dikembalikan.
3. Copy-paste script berikut tepat DI BAWAH (gunakan Ctrl+F dan masukkan tag di dalam kotak search, tekan enter):
01
02
09
44
*.summary_noimg=jumlah karakter tanpa gambar,
*.summary_img=jumlah karakter dengan gambar,
*.sedangkanimg_thumb_heightdanimg_thumb_widthadalah ukuran gambar (tinggi dan lebar [dalam pixel]) .
Ubahlah poinpoin tersebut sesuai dengan keinginan.
3. Kemudian cari (gunakan Ctrl+F, masukkan kode ke dalam kotak pencarian, tekan enter), dan GANTI dengan:
01
02
03
04
05
06
07
08
11Read More >>
12
13
14
Kostumisasi:
GantiRead More >>dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan berwarnamerahtersebut dengan:
 gambar readmore)
contoh:
Pake gambar-gambar ini, ato kalo kurang cocok cari sendiri :p
"Save as" kemudian upload sendiri dan ambil url gambarnya. Kalo perlu resize dulu sesuai dengan kebutuhan dan ukuran yang pas.
Gambar Readmore Button Gratis (PNG Transparan)
----------------
Update (12102011):
Di komentar sobat Aridi bawah ditanyakan:bagaimana cara agar tampilan teks dipost summary - auto readmorebisarata kiri kanan (justified)?
Lihat bagian ini pada script kedua di atas. Jika auto readmore sudah dipasang, cari dengan Ctrl + F:
Langkah-langkahnya:
1. Masuk ke dashboard > Template > Edit HTML. 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 V1untuk mengetahui mana saja yang harus dihapus dan dikembalikan.
3. Copy-paste script berikut tepat DI BAWAH (gunakan Ctrl+F dan masukkan tag di dalam kotak search, tekan enter):
01
02
09
44
*.summary_noimg=jumlah karakter tanpa gambar,
*.summary_img=jumlah karakter dengan gambar,
*.sedangkanimg_thumb_heightdanimg_thumb_widthadalah ukuran gambar (tinggi dan lebar [dalam pixel]) .
Ubahlah poinpoin tersebut sesuai dengan keinginan.
3. Kemudian cari
01
02
03
04
05
06
07
08
11Read More >>
12
13
14
Kostumisasi:
GantiRead More >>dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan berwarnamerahtersebut dengan:
Pake gambar-gambar ini, ato kalo kurang cocok cari sendiri :p
"Save as" kemudian upload sendiri dan ambil url gambarnya. Kalo perlu resize dulu sesuai dengan kebutuhan dan ukuran yang pas.
Gambar Readmore Button Gratis (PNG Transparan)
----------------
Update (12102011):
Di komentar sobat Aridi bawah ditanyakan:bagaimana cara agar tampilan teks dipost summary - auto readmorebisarata 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:
----------------
4. Preview terlebih dahulu, jika sudah beres, kemudian save.
Jadi Dah :D
Semoga Bermanfaat Ea Gan :D
Jadinya:
----------------
4. Preview terlebih dahulu, jika sudah beres, kemudian save.
Jadi Dah :D
Semoga Bermanfaat Ea Gan :D
Tidak ada komentar:
Posting Komentar