Cara Membuat READMORE Otomatis untuk blogspot

Cara Membuat READMORE Otomatis untuk blogspot

Kali ini dicatatanku akan membahas tentang pembuatan READMORE Otomatis. Berbeda dengan Readmore Manual, apabila menggunakan readmore otomatis, posting akan secara otomatis terpotong tanpa kita perlu memasukkan scrpt saat membuat posting. Dengan menggunakan readmore otomatis ini, tampilan blog kita bisa terlihat lebih rapi dan menarik karena dapat menentukan sendiri tinggi dan lebar gambar dan  penggalan posting.  Trik ini dapat mengefisienkan panjang halaman utama kita, dalam artian home kita tak akan terlalu panjang. Mungkin trik ini sudah lumbrah digunakan, namun masih ada kawan yang belum mengetahuinya. Bagi teman yang belum mengetahui cara membuat Readmore Otomatis, adapun cara membuatnya iyalah:

1.       Masuk ke dashboard blog mu, pilih Edit HTML.

2.       Jika sudah ketemu, selanjutnya beri centang pada  Expand Widget Template

3.       cari kode </head> kemudian 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'/>

4.       Selanjutnya, 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 : tulisn yang berwarna merah dapat diubah.

ð  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...

5.        klik save template.  Selanjutnya kawan akan melihat perubahanya, Readmore atau Baca Selengkapnya akan secara otomatis terpasang. Namun apabila teman ingin membuat readmore secara manual, kawan bisa baca di postingan sebelumnya tentang Cara Membuat Readmore untuk Blogspot