CARA MEMBUAT READMORE OTOMATIS

Read more (otomatis) pada dasarnya adalah berfungsi untuk memudahkan kita selaku pemilik blog saat melakukan pemotongan bagian-bagian posting agar dapat tampil lebih rapi pada tiap-tiap halaman blog. Read more otomatis di sini maksudnya adalah setiap postingan yang kita buat akan otomatis terpotong sesuai dengan batasan-batasan yang telah kita tetapkan. Secara default blogspot juga telah menyediakan fasilitas read-more, namun fasilitas yang tersedia tidak otomatis, alias kita masih harus memotong bagian-bagian tertentu secara manual, hal ini tentu saja membawa dampak ukuran pemotongan yang tidak sama pada tiap-tiap postingan.

Berikut ini adalah cara untuk membuat read-more yang otomatis memotong dengan sama pada tiap-tiap bagian postingan blog kita.

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

KEDUA, 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.

Selanjutnya, kadang-kadang pemakaian read-more otomatis ini berdampak pada halaman statis blog, artinya halaman statis blog tidak dapat membuka secara sempurna, dan bila hal ini terjadi, maka gantilah script yang kedua dengan script di bawah ini  :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&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'>Read More...</a></span>

</b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Jika terjadi double content, maka hapus saja script yang berwarna merah.

Simpan dan selesai, semoga bermanfaat.