Cara Membuat Read More Otomatis pada Postingan

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

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

Ok langsung saja (kata sambung andalan... hihihihi) ke inti 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 tutorial ini bermanfaat untuk sobat blogger semua.

Salam,