Cara Membuat Readmore

Cara Membuat Readmore Otomatis bagi master blogger bukan hal yang aneh.Namun tak haram bila kitapun sebagai blogger pemula mengenal dan tahu cara pembuatannya pada template blog kita.Guna readmore pada dasarnya  adalah membuat postingan pada blog kita menjadi lebih pendek dari aslinya.Disamping memudahkan kita dalam  mengatur widget,readmore juga berguna untuk mempercantik tampilan blog kita,agar tidak terlihat acak-acakan.

Dengan adanya readmore, kita  bisa mengatur seberapa panjang postingan blog kita dan menyesuaikan posisinya terhadap posisi widget.Tanpa basa-basi kita langsung saja  ke TKP.

Masuk ke acount blogger anda

     Pilih Edit Html

     Ceklis  "Expand Widget Template"

Dan biasakan donload template terlebih dahulu, jaga-jaga bila  terjadi  kesalahan !

Masukkan script di bawah ini persis 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'/>

Kemudian cari kode html berikut ini :

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

ganti kode tersebut dengan kode di bawah 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; Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

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
Readmore bisa anda ganti dengan Baca Selengkapnya, atau sesuai kehendak sahabat.
Klik save template
Semoga bermanfaat and Happy Blogging.