Cara Membuat Read More Otomatis (Blogger blogspot)

Readmore, biasanya ketika anda berkunjung ke suatu blog, anda melihat beberapa posting dipotong  rapi menjadi singkat (diberi tulisan readmore / baca selengkapnya, dll.) jadi tidak memenuhi halaman.


Read more juga dapat mempercantik blog, karena posting menjadi tertata rapi.


Langsung saja ke caranya , cekidut !! :)

  • Masuk ke Account blogger anda. Klik Rancangan. Pilih Edit Html. Eitss, jangan lupa centang Expand Widget Template
  • Cari kode </head> . Cara mencari yang gampang (tekan tombol Ctrl + F . lalu masukkan kode </head>, ntar ketemu :D )
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 430summary_img = 340img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

  • Copy kode di atas, letakkan setelah kode </head> tadi.
  • Setelah itu, jangan save template dulu !. 
  • Cari kode <data:post.body/> atau <p><data:post.body/></p> ( coba cari yang <p><data:post.body/></p> dulu, nah jika nggak ketemu baru cari dengan <data:post.body/> )
  • Ganti kode tersebut dengan
<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>

  • Ganti tulisan Read More dengan kata terserah anda (misal baca selengkapnya, lanjutkan membaca, dll.) .Menurut saya, tulisan Read More di bawah postingan membuat blog sedikit tidak rapi, jadi saya menghapus tulisan &#187;&#187;&#160;&#160;Read More... biar rapi, jadi postingan hanya terpotong dan menjadi rapi. Dan bisa diklik dengan judulnya.
Selesai :) silahkan save template, dan lihat hasilnya.
Selamat mencoba ! salam bloggers mania ! :D


Kalau ada yang belum jelas tinggalkan komentar.

Comments :

0 komentar to “Cara Membuat Read More Otomatis (Blogger blogspot)”

Posting Komentar

Jika ada pertanyaan ataupun request bisa komentar di bawah ini.