Membuat Read More Otomatis

Jika anda ingin membuat isi postingan blog anda  menjadi beberapa postingan dalam satu halaman awal maka jawabannya adalah menggunakan read more. Read more berarti 'baca selengkapnya'. Sebagian bagi yang menggunakan template eksternal mungkin sudah ada 'read more' otomatisnya. Tapi jika belum ada anda dapat membuatnya dengan langkah-langkah dibawah ini.

1. Login ke dasboard blogger
2. Klik Rancangan>EDIT HTML, centang expand widget
3. Cari kode </head> kemudian tempatkan kode berikut diatasnya

<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'/> 

Anda juga bisa mengubah kode tersebut sesuai dengan selera

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



4. Cari kode  <data:post.body/>, bagi yang sudah menggunakan read more secara manual akan ada dua kode yang seperti itu, cari yang pertama, ganti kode diatas dengan kode berikut :


<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>

5. Simpan template dan lihat hasilnya

Bagi yang sudah menggunakan read more manual kode yang terlihat seperti dibawah ini, tapi tidak semua kode terlihat seperti dibawah, tergantung template anda.

<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if> 

Hapus yang dicetak tebal dan gunakan langkah 3 sampai 5.

Selamat mencoba...