Cara Membuat Read more otomatis yang lebih keren

kali ini saya akan membahas bagaimana membuat readmore otomatis yang lebih keren sehingga kita tidak capek-capek secara manual memecah postingan kita dengan alat yang sudah disediakan blogger.

readmore ini akan membuat blog kita lebih ringan, teratur dan tentunya akan membuat pengunjung penasaran dengan postingan-postingan kita

berikut cara-cara membuatnya :

1. masuk dulu ke akun blog sobat

2. klik Template > Edit HTML

3. Cari Kode </head> dengan menekan Ctrl+F

4. copy kan script berikut tepat dibawah kode tersebut

<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://deddycamp.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Keterangan : Tulisan yang berwarna merah adalah yang bisa anda ganti.

• Summary noimg 430 = tinggi artikel terpenggal tanpa image
• Summar img 430 = tinggi artikel terpenggal dengan image

5. Cari kode berikut

<data:post.body/> atau <p><data:post.body/></p>

dan ganti dengan script dibawah 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'><img alt='read more' src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : Tulisan yang berwarna merah adalah link gambar, sobat bisa ganti dengan link gambar sesuka sobat, untuk mendapatkan gambar animasi Readmore sobat bisa lihat Disini

5. Simpan dan lihat hasilnya

selamat mencoba,….