Membuat Read More pada Postingan Blog

Setelah saya mencari-cari akhirnya ketemu juga. Gara-gara sebelumnya saya diprotes temen, "Kok buka blog kamu lama banget to. Kebanyakan gambar tu". Kebetulan blog saya yang satunya www.veveravavera.blogspot.com ada postingan template blog banyak banget, dan template yang saya gunakan kebetulan nggak berupa tampilan read more. Jadi waktu pertama kali buka home, yang muncul semua postingan penuh. Its so, lemot deh. Makanya saya mencoba mencari cara biar postingan saya bisa dibuat read more. Selain menanggulangi keleletan kan juga supaya lebih simple.

Yeah langsung aja ya kita menuju TKP. Ikuti langkah-langkah dibawah:

1. Buka blog kamu.
2. Masuk ke rancangan, jangan lupa pilih yang Edit HTML ya
3. Cari kode berikut:

</head>

    4.   Kemudian copy pastes kode dibawah ini tepat diatas kode langkah no.3 tersebut:

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

          Angka diatas bisa diganti sesuai dengan selera teman-teman.

    5.  Lalu cari kode:

<data:post.body/>

     6.  Kemudian hapus kode pada langkah no.5 kemudian ganti dengan kode:

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

Selesai deh. Oiya, tulisan "Read more>> " bisa diganti sesuai keinginan teman-teman. Selamat mencoba (^_^).....