Cara Membuat Auto Readmore

Auto Readmore atau sering juga dijumpai saat kita membuka halaman utama dari sebuah blog " baca selengkapnya " yang terdapat dipojok kanan dibawah postingan. Auto Readmore adalah sebuah script yang kita pasang pada blog agar memotong sebagian isi dari posting pada halaman utama blog.

Membuat Readmore sebenarnya bisa kita lakukan  saat kita menulis posting dengan mengklik icon  , tapi untuk mempermudah kita dalam menulis sebuah postingan kita dapat membuat auto readmore pada setiap posting di halaman utama secara otomatis dengan memasang script auto readmore pada blog. Apakah anda tertarik untuk membuat auto readmore pada blog anda ? Ingin tau cara membuat auto readmore di blog anda ? simak sedikit tutorial dari saya mengenai cara membuat auto readmore di bawah ini.

CARA MEMBUAT AUTO READMORE

• Login ke Blogger lalu Masuk ke editor template HTML. Agar aman ketika kita melakukan kesalahan saat mengedit HTML terlebih dahulu anda download template.
• Centang expand widgets template.
• Masukkan script berikut tepat sebelum tag </head> (gunakan Ctrl+F untuk mencari)

 <script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

keterangan:

- summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.

- summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.

- img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.

- img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.

 

• Kemudian lanjutkan dengan mencari <data:post.body/> (seperti biasa, gunakan Ctrl+F untuk mencarinya)
• Kemudian ganti <data:post.body/> dengan script bawah ini :

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>

keterangan:

- padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.

- float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.

- Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya", "Read the rest of this  entry", "Lanjut gan...",  "Monggo dilanjut!", atau apa aja... terserah dengan selera masing-masing.

•  Untuk memastikan hasilnya, jangan di-save dulu. Gunakan preview untuk mengeceknya.
• Setelah semua selesai dengan hasil yang baik, lalu di-save.
• FINISH!

 Sekian tutorial singkat cara membuat auto readmore dari saya, semoga artikel ini dapat bermanfaat untuk anda yang sedang mencari tau cara membuat auto readmore, dan selamat mencoba! Good Luck !