Membuat Auto/Otomatis READ MORE pada Postingan

Membuat read more pada postingan ada dua cara, yaitu dengan cara manual dan dengan auto. Topik saat ini adalah membuat read more secara auto. Read more auto/otomatis ini dapat disesuaikan berdasarkan berapa banyak kata yang akan dipotong secara otomatis tanpa melakukan pengeditan postingan. Berikut akan saya berikan langkah-langkah dalam membuat read more auto:

Langkah #1
Seperti biasa, masuk ke acount blogger anda kemudian pilih Edit HTML, jangan lupa beri tanda ceklis pada "Expand Widget Template":
Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode </head> 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'/>

Langkah #2
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, full read dll...

Langkah #3
Simpan template anda dan lihat hasil postingan anda, read more telah terpasang secara otomatis, dan sama untuk semua postingan.

Selamat mencoba....!

Related Posts by Categories

2 comments: