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.

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.


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 !

Postingan terkait:

11 Tanggapan untuk "Membuat Auto Read More / Read More Otomatis di Blogger"

  1. Thx Infonya gan..
    bermanfaat bgt

    BalasHapus
  2. ijin copas buat agan agan newbie yang lain seperti ane >,<

    BalasHapus
  3. wah oh banyak bgt kodenya bingung o_O??

    BalasHapus
  4. oh ian itu yang itu dmna tempatnya aku cari gk ada??

    BalasHapus
  5. oh ian yang data post body dmna tempatnya dri td aku cri 2 kali gk ada cara biar nemu cepet gmna pusing hehehe

    BalasHapus
  6. sudah.... tapi tetep gak nemo gan.... pie iki???

    BalasHapus

> Jika Artikel ini Membantu , Silahkan tinggalkan Komentar Anda
> Jika ingin menuliskan Kode-kode blog , jangan sekali-kali menulisnya dengan lengkap , Karena kodenya tidak akan muncul.
> U Comment I Follow !!!
> (Comment Use Emoticons, Copy Paste this code example: 13 or the other to the column comments)
> "No Spam"
> Do not Forget Leave Your Comment Here ...
> I Highly Appreciate your comment. This blog has been Dofollow.
> Komentar yang masuk SPAM tidak saya hapus dan saya akan Follow (jika link ada)

Follow Blog ini jika ingin mendapatkan informasi paling update