Cara Membuat Read More di Blogspot

Cara membuat read more di blogspot dapat dilakukan jika di blog  Anda belum terdapat read more nya. Karena seperti diketahui, ada yang sudah otomatis terpasang dan ada juga yang belum.

Oke, bagi Anda yang ingin memasang read more di blog nya, berikuti ini cara mudah membuatnya.

1.  Login ke akun blogger Anda
2.  Klik Rancangan dan jika pada tampilan blogspot baru klik Template lalu pilih Edit HTML
3.  Kemudian centang Expand Template Widget
4.  Cari kode </head>
     Untuk mempermudah pencarian gunakan Ctrl F atau F3
5. Letakkan kode di bawah ini tepat di atas kode </head>

---

<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>

---

Soal tampilannya, Anda bisa mengeditnya sesuai keinginan

summary_noimg      = 430; adalah tinggi potongan artikel tanpa gambar
summary_img          = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height  = 100; adalah ukuran tinggi thumbnail
img_thumb_width    = 120; adalah ukuran lebar thumbnail


6.  Langkah selanjutnya, cari kode <data:post.body/> lalu ganti kode <data:post.body/> tersebut dengan kode script 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;Read More...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

(Tulisan Read More bisa Anda ganti sesuai keinginan Anda, bisa Selengkapnya, Baca Selengkapnya, More atau apa saja. Up to you).

7.   Silahkan cek lagi, jika sudah yakin sesuai dengan langkah-langkah di atas, klik Simpan Template


Semoga sukses