Membuat Read More Otomatis

Fungsi Read more atau baca selengkapnya adalah untuk menyingkat artikel panjang sehingga terlihat menjadi rapi dan menarik.

Selain itu Read more otomatis ini akan mengambil gambar thumbnail dari artikel.

Jika menggunakan Read more versi lama tentu kita akan direpotkan ketika ingin membuat artikel harus menambahkan beberapa kode ke dalam artikel.

Oke sekian basa basinya berikut langkah membuatnya :

1. Login ke Blogger masuk ke -> Rancangan -> Edit HTML dan centang "Expand Widget Template"
2. Cari kode berikut

</head>

3. Kemudian copy kode di bawah ini dan paste sebelum kode no 2

<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://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>

* Keterangan kode

summary_noimg = 430; //untuk memotong tinggi tanpa gambar
summary_img = 340; //untuk memotong tinggi dengan gambar
img_thumb_height = 100; //untuk mengatur gambar thumbnailnya
img_thumb_width = 120; //untuk lebar gambar thumbnailnya

4. Cari lagi kode

<data:post.body/>

5. Ganti kode no 4 dengan kode di bawah ini

<b:if cond='data:blog.pageType != "item"'> 
<div expr:id='"summary" + data:post.id'><data:post.body/></div> 
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); 
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>
</b:if> 
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> 

Semoga Bermanfaat