Cara Membuat READMORE Otomatis di Blogspot

Cara Membuat Readmore Otomatis di blogspot atau blogger memang masih banyak yang belum tau caranya. Dan postingan kali ini kita akan membahas tutorial tentang cara membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Karena dengan adanya Readmore otomatis, maka kita bisa menentukan ukuran berapa ketinggian serta lebar penggalan postingan dan gambar yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik di pandang mata.

Trik ini memang sudah banyak yang mengetahui, namun pasti ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis di poastingan blogspot atau blogger, maka bisa mengikuti tutorial berikut ini.

• Silakan masuk ke acount atau dasbor blogger Anda.
• Kemudian pilih menus Rancangan.
• Klik Edit HTML.
• Lalu berikan tanda ceklis pada bacaan Expand Widget Template dengan cara mengklik kotak tersebut.
• Setelah itu cari kode </head> 
• Dan setelah ketemu, silahkan masukkan script di bawah ini persis 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

• Lalu cari kode html berikut ini :

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

• Lalu 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 dari script di atas:

• Tulisan yang berwarna pink adalah merupakan tulisan yang bisa di ganti-ganti.
• Summary noimg = 430 adalah merupakan tinggi artikel terpenggal tanpa image.
• Summary img = 340 adalah merupakan tinggi artikel terpenggal dengan image.
• Readmore bisa diganti dengan kata Baca Selengkapnya, Baca selanjutnya, dll...

Nach seperti inlah kira-kira script html cara membuat Readmore otomatis di blogspot atau blogger yang bisa mempercantik tampilan blog kita.