Cara Membuat Read More (Baca Selengkapnya) pada Postingan Blog

Bagi para blogger pemula, tentu masih ada yang belum mengetahui cara membuat “read more” atau “baca selengkapnya” pada postingan blog. Dengan menggunakan  fasilitas “read more” tentu dapat menghemat tempat pada halaman utama blog. Dengan demikian blog akan terlihat lebih rapi dan simple. Berikut cara untuk membuat read more pada postingan blog :

     1.       Login ke akun blog Anda

     2.       Klik desain à Template à Edit HTML

     3.       Jangan lupa centang Expand Template Widget

     4.       Cari kode </head> (gunakan ctrl + F untuk mempermudah pencarian)

     5.       Lalu copy kode di bawah ini dan letakkan 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'/>

      Bila  Anda ingin merubah ukuran pada Read More di blogger Anda, Anda tinggal merubah angka yang berwarna merah sesuai dengan 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.       Kemudian cari kode <data:post.body/> atau <p><data:post.body/> dan ganti kode yang Anda     

           temukan dengan kode dibawah 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>

      Untuk tulisan Read More bisa diganti sesuai dengan keinginan Anda. Setelah itu Anda save dan lihat hasilnya.

Selamat Mencoba~