Cara Membuat Readmore Otomatis Di Blog

Cara Membuat Readmore Otomatis Di Blog | Pada Postingan Kali ini saya akan berbagi Tips atau tutorialBlog. Yaitu Cara membuat Readmore Otomatis pada postingan blog,Yaitu Perintah untuk lanjut baca yang muncuk secara otomatis tanpa kita mengaturnya di HTML entri.

oke kalau gitu tanpa basa basi Langsung aja. berikut selengkapnya:

1. login ke dashboard blogger.
2. pilih Rancangan » edit HTML
3. Tandai kotak kecil pada tulisan Expand Template Widget.
4. Tempatkan script berikut dibawah kode </head>
5. Scriptnya

<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 440; summary_img = 344; img_thumb_height = 100; img_thumb_width = 120; </script>
<script src='http://blogtegal.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>

6. Selanjutnya cari kode <data:post.body/> atau kode <p><data:post.body/></p> sama saja.
7. ganti kode diatas 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'>&#187;&#187; Baca selengkapnya..... </a></span> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>

kode yang berwarna merah (Baca selengkapnya.....) Bisa sobat ganti sesuai selera.
Bila ingin diganti gambar silahkan ganti (Baca selengkapnya.....) dengan kode berikut ini :

<img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/>

NB: Bila ingin Lihat Icon atau gambar Lainya klik link berikut : Kumpulan icon atau gambar readmore cantik 
 
    8.Terakhir Save Template
 
Sekian Dulu tips Blogger kali ini,semoga dengan adanya readmore otomatis Postingan anda menjadi lebih teratur.