Membuat read more otomatis

Dengan memasang read more di postingan blog, akan membuat blog kelihatan lebih rapi dan bisa memperkecil ukuran halaman utama blog sehingga blog bisa dibuka lebih cepat.

Berikut membuat read more otomatis blogger :

1. Login akun blogger.

2. Pilih template >> edit HTML >> expand widget template. Sebelum melakukan perubahan code HTML, download dulu template untuk jaga-jaga kalau terjadi kesalahan yang tidak bisa dikembalikan.

3. Cari kode </head>, kemudian letakkan kode javascript berikut di bawahnya :

<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://luvitac.googlecode.com/files/read-moreotomatis.js'/>

4. Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p>

5. Untuk membuat read more otomatis dengan image button (tombol read more berupa gambar).

Hapus kode <data:post.body/> atau <p><data:post.body/></p> dan gantilah dengan kode berikut:

<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'><img alt='Read More..' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGNnqyVKMKGQxzDbHvWKTciBbdiFcTpm2-PSRYr-lsTeg17NVlaKKCkfq-3rpBUHVpeYGHAar73_WeRA8TRZuqKaDO5-jQXot_3jFDkiZqHaFcj45J40AC4eGhQ4wgXUm0Y1-K74LZ9aMv/s1600/read+more.jpg'/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></div>

6. Kalau ingin menggunakan read more otomatis dengan text button (tombol read more berupa tulisan)

Hapus kode <data:post.body/> atau <p><data:post.body/></p> dan gantilah dengan kode berikut:

<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'>[ Read More.. ]</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></div>

7. Simpan.

Demikian cara membuat read more otomatis dan selamat mencoba.
Salam...

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: