| 0 comments ]
readmoreTentunya anda sudah tidak asing lagi dengan fungsi 'readmore','more','selengkapnya' atau kata lainnya, dimana fungsi ini akan memenggal artikel yang anda posting, dan untuk membaca isi keseluruhan dari artikel tersebut anda harus meng klik 'readmore','more' atau 'selengkapnya'. Ada banyak methode atau cara untuk memasang readmore, dan tip dan trik terbaru adalah dengan menggunakan otomatis readmore atau autoredmore. Sesuai dengan namanya bahwa untuk otomatis readmore atau autoredmore ini anda tidak usah bersusah payah untuk meletakkan (<span class="fullpost">) yang diakhiri dengan (</span>) karena otomatis readmore atau autoreadmore ini akan secara otomatis akan memenggal artikel anda.

Cara kerja
otomatis readmore atau autoredmore ini adalah dengan menghitung jumlah karakter yang akan ditampilkan dalam postingan anda, baik dengan image maupun tanpa image.
Sebelum melakukan tips dan trik
otomatis readmore atau autoredmore ini :
Pastikan semua yang berkaitan dengan 'readmore' sebelumnya (jika anda sudah menggunakan sebelumnya) dibersihkan.

Berikut tips dan trik
otomatis readmore atau autoredmore pada blog anda :
Login ke account blogger kamu.
  • Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, backup dulu template anda sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
  • Cari Kode kode </head> dan Copy-Paste (copas) kode berikut di atasnya.


Catatan :
  1. Kode var thumbnail_mode = "float" ; diartikan bahwa readmore kamu akan diatur disebelah kiri, kalau kamu ingin tanpa pengaturan float silakan ganti dengan "no-float".

  2. Kode summary_noimg = 450; berguna untuk mengatur jumlah karakter yang ditampilkan tanpa image (gambar).

  3. Kode summary_img = 450; berguna untuk mengatur jumlah karakter yang ditampilkan dengan image (gambar).

  4. Kode img_thumb_height = 120; berguna untuk mengatur tinggi image (gambar) yang akan ditampilkan.

  5. Kode img_thumb_width = 120; berguna untuk mengatur lebar image (gambar) yang akan ditampilkan.
  • Cari kembali kode seperti di bawah ini.
<data:post.body/> atau <p><data:post.body/></p>
  • Kalau sudah ketemu, ganti kode tersebut dengan kode berikut.



Catatan :

  1. Ganti kode style='float:left' menjadi style='float:right' untuk merubah letak readmore yang anda inginkan left (kiri) atau right (kanan).

  2. Kalau perlu ganti Readmore dengan kata favorit kamu.

  3. Hapus kode <data:post.title/>, jika kamu tidak menginginkan readmore diikuti dengan judul posting.

  4. Simpan hasil editan anda, dan liat hasilnya

Artikel Terkait:

0 comments

Post a Comment

Silahkan menuliskan komentar ada disini, Terima kasih, komentar anda sangat berarti untuk tips-trick-successfull

-->