Auto Read More on Blogger

Aku rasa korang tentu ada gunakan read more option samada korang gunakan Blogger atau WordPress. WordPress user lebih senang menggunakan Read More option ni kerana ianya hanya perlu disetkan pertama kali dan seterusnya cut jumlah wording yang perlu dipaparkan secara automatic. Untuk sesiapa pengguna Blogger yang menggunakan Read More versi sebelum ini perlu setkan di mana untuk meletakkan kod Read More... kerja tu yang paling malas aku buat.

Tetapi sekarang aku menggunakan yang automatik. Aku cuma perlu taip sahaja tanpa mengira jumlah wordings dan ianya akan terpotong secara automatik. Ok kalau korang berminat begini caranya {versi ini juga support untuk thumbnail}

1-Login ke Blogger --> Layout-->Edit HTML--> Expand widget templates, dan cari kod ini

<data:post.body>

2-Gantikan kod di atas itu dengan kod 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'><a expr:href='data:post.url'>Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>


3-Kemudian cari kod ini {penutup untuk Head section}

</head>

4-Letakkan script di bawah ini betul-betul di atas kod </head> tadi.

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.geocities.com/cuitnazz/readmorescript.js' type='text/javascript'/>



Note

Kod yang ini korang boleh ubah mengikut kehendak atau kesesuaian template. Kalau tak ubah pun ia tetap berfungsi..

summary_noimg :Berapa character summary untuk posts yang tiada image/photo
image.summary_img :Berapa character summary untuk posts yang ada image/photo
img_thumb_height : Berapa tinggi photo untuk thumbnail {pixel}
img_thumb_width : Berapa lebar photo untuk thumbnail {pixel}

5-Sekarang tekan preview dan lihat samada ia berjaya atau tidak {kalau ok, korang akan lihat posts korang telah dipotong secara automatic termasuk post-post yang telah lalu}.

6-Tekan save bila semua dah seperti yang diharapkan.


Selamat mencuba.. oh ya contohnya adalah seperti yang ada pada blog cuiit ini yer.