Buat Read More Di Blog Secara Otomatis

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA
Silakan masuk ke acount blogger anda kemudian pilih Edit Html.
Jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template"

Cari kode </head> kemudian masukkan script di bawah ini persis di bawah kode </head>.

Please Click Open

<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'/>

KEDUA
Cari kode Html berikut ini: <data:post.body/> atau==> <p><data:post.body/></p>
Ganti kode tersebut dengan kode di bawah ini :

Please Click Open

<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;Read More...</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...

KETIGA
Klik Save Template. Selesai.
(Lihat Blog anda...semoga berhasil)
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Read More atau Baca Selengkapnya akan secara otomatis terpasang setelah anda Publish Postingannya.



 

Sumber: Zona-Klik