Membuat "Read More" Otomatis pada Blogspot.com

Read More, bila diterjemahkan menjadi Baca selengkapnya sangat membantu kita dalam meminimalisir tampilan halaman blog kita. Tools ini biasanya dilengkapai pada setiap template, tetapi ada juga template blog yang tidak menggunakan tools ini. Seperti template bawaan blogger.com biasanya tidak menggunakan tools "Read More" ototmati. Tetapi template bawaan blogger.com ini mempunyai tools "Insert Jump Break" yang berfungsi untuk memotong teks. Jika dalam melakukan postinyan kita harus menggunakan icon seperti gambar di bawah ini.

Lihat icon yang dilingkari wanrna hitam

Mungkin sobat blogger lupa untuk mengklik icon "Insert Jump Break" ini, sehingga secara otomatis teks anda akan terpotong untuk meminimalisisr halaman blog anda. Opsss..

tunggu dulu, sebelum tools Read More otomatis ini terpasang dalam blog, anda harus mengikuti langkah-langkahnya.

Nah jika sobat blogger tertarik dengan tips ini, silahkan ikuti instruksi saya.

1. Login ke blogger.com dengan account anda.

2. Jika sudah login, silahkan masuk pada Template blog anda.

3. Nah...silahkan cari kode seperti ini  </head>

4. Setelah ketemu, Kopi kode di bawah ini, dan Pastekan di ATAS 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

5. Setelah itu, cari kode seperti ini <data:post.body/> atau <p><data:post.body/></p>

6. Jika sudah ketemu, Ganti kode tersebut dengan kode berikut 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

7. Jika sudah selesai, silahkan Simpan Template. Dan semelumnya tulisan READMORE... dapat anda ganti sesuai dengan keinginan sobat blogger.
Semoga bermanfaat, jika ada kesalahan kami mohor maaf. thank's (Jkt/2012)