Cara Mmbuat Auto Read / Read More pada postingan

Pemasangan Read More ini dimaksudkan agar loading dari blog kita lebih cepat pada saat membuka home page karena jika tidak dipasangi Read More maka home page blog kita akan memuat/menampilkan seluruh bagian artikel, bayangkan jika tulisan artikel sobat panjang-panjang, maka homepage blog sobat akan memuat tujuh buah artikel (default blogger) secara penuh.

Tentu saja hal ini akan membuat pengujung blog sobat akan merasa bosan menunggu loading dari blog tersebut. Dan tidak menutup kemungkinan mereka akan meninggalkan blog sobat. 

Nah dengan adanya fasilitas Read More ini, maka secara otomatis akan memotong/membatasi tampilan artikel di homepage blog sobat sampai pada bagian tertentu sesuai keinginan sobat. Cara ini sangat penting untuk diterapkan di blog kita, karena seperti kata saya tadi. Blog kita akan semakin cepat loadingnya, dan tentu saja membuat pengunjung blog anda betah berada di blog kita.

Baiklah, untuk membuat read more otomatis di blog sobat, ikuti langkah-langkah berikut ini:

Seperti biasa, Login ke Akun blogger sobat. Lanjut ke Menu Template. jangan lupa backup template blog sobat. Klik Edit HTML. jangan lupa untuk expand template widget. Cari kode </head>, dan letakkan kode berikut ini tepat dibawah kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Cari lagi kode <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode berikut ini

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'>»»  READ MORE...</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan: Sobat bisa mengganti tulisan READ MORE... sesuai keinginan sobat. Misalnya, baca selengkapnya, read full dll. Dan terakhir, Save template kalian deh. Gimana gampangkan? Sekian post dari ane semoga bermanfaat, Thx For Comming

Sumber: Vipeer Blood