Tapike.com

Cara Membuat Read More Otomatis di Blog

Cara Membuat Read More Otomatis di blog - Pada kali ini kita akan membahas cara membuat read more otomatis atau jump break otomatis di blog. Read more otomatis merupakan sebuah istilah dalam menampilkan penggalan kalimat pada halaman homepage blog. Blogger telah menyediakan Jump Break untuk membuat read more yg hanya dapat dilakukan secara manual. Dengan read more otomatis tentu hal ini tak perlu kita lakukan. Read more otomatis juga bisa mempercepat loading blog dan membuat blog lebih kelihatan simple dan dinamis. Bagi para blogger pemula yg ingin membuat read more otomatis di blog, simak langkah-langkah dibawah ini.
Cara Membuat Read More Otomatis di Blog

Script Read More Otomatis

  • Login ke akun blogger anda.
  • Buka halaman template > Edit HTML.
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian.
  • Paste kedua script read more otomatis berikut tepat diatas </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> 

HTML Read More Otomatis

  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>. Seperti biasa gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama,  ganti kode yang pertama.
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&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 class='read-more'>
      <a expr:href='data:post.url'>Readmore &#187;</a>
      </div>
</b:if>
</b:if>
  • Simpan template dan lihat hasilnya
Untuk tulisan warna merah, ubah sesuai dengan keinginan. Demikianlah tutorial mengenai cara membuat read more otomatis atau cara membuat jump break otomatis di blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.
11 Comments Blogger
Disqus
  1. mantap dah artikelnya kawan

    BalasHapus
  2. sangat membantu nih tutorialnya, terimakasih

    BalasHapus
  3. Balasan
    1. Saya rasa ada kesalahan pada pengetikan script, coba cek kembali

      Hapus
  4. please check ranggaprayogablog.blogspot.com

    BalasHapus
  5. Gak bisa gan , moho bantuannya..

    serilkom.blogspot.com

    BalasHapus
    Balasan
    1. Jika agan menemukan banyak kode , coba agan tes satu-satu untuk di ganti.

      Hapus
  6. thx bang ,sngt bermanfaat,, kunjungi balik ya http://frdz211.blogspot.com/

    BalasHapus
  7. gan, kalo blog terbaru 2015 kan gk ada, expand tamplate wideg, terus gmna?

    BalasHapus
    Balasan
    1. Saya sendiri cukup dengan meng-copy semua kode, lalu saya pastekan ke notepad. Baru saya memulai edit html.

      Hapus
  8. saya coba kok error html ya om. apa saya yang salah ya

    BalasHapus


Join This SiteInstagram