Membuat Read More Otomatis

Mungkin sudah banyak artikel yang menulis tentang tutorial ini. Akan tetapi tidak ada salahnya kalau kita bahas bersama lagi, mungkin saja masih banyak yang belum tahu tentang bagaimana membuat read more yang otomatis yang artinya Anda bisa menentukan sediri panjang artikel yang akan Anda tampilkan.

Baiklah untuk melakukan hal ini, tinggal mengikuti langgkah2 berikut ini.

1. Login dulu ke Blogger.com

2. Kemudian Tata Letak (Lay Out)

3. Berikutnya pilih Edit HTML

Note: Jangan lupa untuk mencentang Expand Widget

4. Tambahkan kode dibawah ini setelah 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://sites.google.com/site/rasiqzonetwork/javascript/readmore-otomatis.js' type='text/javascript'/>

5. Kemudian ganti kode <data:post.body/> atau <p><data:post.body/></p>

dengan kode 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>

• Gantilah kode yang berwarna merah sesuai selera anda.. Summary noimg 430 = tinggi artikel terpenggal tanpa image, Summar img 430 = tinggi artikel terpenggal dengan image, Readmore bisa Anda ganti dengan Baca Selengkapnya, Full read dll...

Semoga bermanfaat dan membantu kegiatan blogging anda.. :D

Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.