Cara Membuat Read More dengan Code

Setelah Saya browsing kesana kemari demi mendapatkan artikel tentang cara membuat read more otomatis pada postingan diblog, akhirnya pencarian saya berhenti saat saya nyasar ke SB.

Seperti kita tahu sob, template masing-masing pasti memiliki perbedaan. Saya sih tidak tahu apa itu merupakan salah satu kendala yang menyebabkan Saya selalu gagal dalam penerapannya atau bukan yang jelasnya setelah Saya gunain cara yang diposting oleh SB, dan sukurlah templatenya tidak bermasalah.

Ok langsung saja ke pokok pembahasan :

1. Login ke Blogger

2. Setelah masuk ke Dasbor klik tab Template lalu Edit Template HTML (centang pada expand widget templates)

3. Cari kode </head>  lalu copy dan pastekan kode berikut tepat diatasnya:

<

script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript

'/>

4. Setelah itu cari lagi kode <data:post.body/> tandai lalu ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&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> </b:if>

 Tulisan Read more >> bisa sobat ganti dengan tulisan yang sobat inginkan atau bisa juga menggunakan gambar dengan mengganti <b>Read more >></b>  menjadi <a expr:href='data:post.url'><img src='URL GAMBAR'/></a> 

Terakhir, Klik Save template lalu lihat hasilnya pada blog sobat.

Semoga artikel ini bermanfaat untuk sobat blogger semua.