Cara Memasang Read More Otomatis Pada Blog

Karena di blog saya belum ada tutorial Cara Memasang Read More Otomatis Pada Blog maka sekarang saya akan mencoba share bagaimana cara memasang read more otomatis pada blog, Read More otomatis pada blog berguna untuk memperkecil ukuran dari artikel pada halaman utama, sehingga sahabat bisa menampilkan beberapa artikel sekaligus pada halaman utama. Apabila pengunjung ingin membaca artikel sahabat secara utuh maka pengunjung cukup mengklick tulisan Read More tersebut.

Dengan Memasang Read More Otomatis ini maka sahabat tidak perlu lagi membuat Read More secara manual pada setiap penulisan artikel. namanya juga otomatis, jadi Read More disini akan secara otomatis memenggal artikel sahabat mulai dari gambar dan tulisan yang akan ditampilan. Baiklah sekarang bagaimana caranya memasang Read More (Baca selanjutnya) pada blog. silahkan sahabat ikuti langkah dibawah ini :

1. Login ke Blogger

2. Pilih Rancangan

3. Selanjutnya pilih Edit HTML

4. Download terlebih dahulu template sahabat untuk mengembalikan template asli apabila terjadi eror.

4. Centang Expand Widget Template

5. Cari kode </head> (gunakan Ctrl+F untuk memudahkan pencarian)

6. Letakan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 235;
summary_img = 140;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script src='http://sundaboy.googlecode.com/files/sundaboy_readmore.js' type='text/javascript'/>

Keterangan :
-summary_noimg = 235; Jumlah hurup yang akan ditampilkan ketika tidak ada gambat pada postingan
-summary_img = 140; Jumlah hurup yang akan ditampilkan apabila terdapat gambar pada postingan
-img_thumb_height = 150; Tinggi Gambar thumbnail
-img_thumb_width = 150; Lebar Gambar thubnail

7. Selanjutnya cari lagi kode <data:post.body/> hapus kode tersebut dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read More >></b></a></span>
</b:if>

8. Ganti tulisan Read More sesuai dengan keinginan sahabat contohnya Baca Selengkapnya dll

9. Kalau sudah silahkan simpan template dan lihatlah hasilnya, sekarang postingan sahabat sudah ada Read More otomatis nya.

Nah itulah Cara Memasang Read More Otomatis Pada Blog yang dapat saya share, mudah mudahan bermanfaat, terimakasih.