Membuat Auto Read More / Read More Otomatis di Blogger

Baiklah kali ini saya akan memberikan sebuah tips blogger tentang Cara Membuat Read More Otomatis di Blog.

image from www.allblogtools.com

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.
• Cari kode </head>, dan letakkan kode berikut ini tepat dibawah kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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 != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READ MORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Keterangan: Sobat bisa mengganti tulisan yang berwarna MERAH sesuai keinginan sobat. Misalnya, baca selengkapnya, read full dll.
• Dan terakhir, Save template sobat.

Gimana sobat gampangkan? 

Mungkin sekian dulu postingan tips dan trik blogger tentang Cara Membuat Read More Otomatis di Blog dari saya. 

Semoga bisa memberikan manfaat bagi sobat semuanya. 

Makasih telah berkunjung.

Sumber

Jika anda merasa masih kesulitan untuk Cara Membuat Read More Otomatis di Blog, anda jangan malu-malu untuk ber-komentar di bawah postingan ini / langsung ke SUMBER nya 

Budayakan KOMENTAR & jangan jadi PLAGIAT !

Tweet

Postingan terkait:

— 11 Comments — Computer, Tips And Tricks