Cara Membuat Read More pada Blog

Posted by Mochamad Robby Wijaya

Pembuatan Read More pada Blogger ternyata gampang-gampang susah,,kadangkala bagi para Blogger

Yang masih newbie seringkali mengeluh karena penulisan posting artikel mereka terlalu panjang dan berkeinginan agar postingan mereka terlihat dinamis dan tidak terlalu memakan kapasitas ruangan.

Sehingga membuat para pembaca kurang tertarik dan juga tidak fleksibel,,oleh karena itu dengan adanya Read More sangat berpengaruh terhadap tampilan Blog kita.,oleh karena itu saya akan

Memberikan Cara Bagaimana Membuat Read More pada Blog.,baiklah kawan langsung saja kita ke TKP :

1. Masuk akun Blogger sobat

2. Klik Rancangan dan Pilih Edit HTML

3. Centang pada Expand Template Widget

4. Untuk mempermudah pencarian kode HTML nya anda tekan ( CTRL + F )

5. Cari kode </head> dan kalau sudah ketemu

6. Tambahkan kode dibawah ini tepatnya diatas 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'/>

7.langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <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>

Dan untuk kata “Read More” dapat anda ganti sesuai dengan Keinginan anda..


Semoga bacaannya bermanfaat bagi sobat dan sukses selalu