Monday, October 12, 2009

Memasang Auto Read More Pada Blogger

Anda malas untuk meletakkan kod read more setiap kali anda membuat new post?. Kadang2 post yang anda buat itu mungkin akan terdapat error dan perlu diperbetulkan. Ini akan merugikan masa anda malah amat melecehkan untuk meletakkan kod html setiap masa pada line2 tertentu. Oleh itu pemasangan auto read more akan lebih memudahkan kerja anda dan tidak memerlukan anda untuk memikirkan kod2 html yang perlu diletakkan pada post anda. Dengan pemasangan auto read more juga, post anda akan nampak lebih kemas dan teratur.

Untuk membuatnya ikuti langkah berikut :

1. Setelah login ke blogger anda. Pergi pada "Layout" dan pilih pula pada "EDIT HTML", Beri tanda tick pada "Expand widget template" lalu carikan kod ]]></b:skin> Setelah itu masukkan kode dibawah ini di bawah kod ]]></b:skin>


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/nicewallpaperrr/Home/gudang/autoreadmore.txt' type='text/javascript'/>

2. kemudian cari kod <data:post.body/>
Kalau sudah jumpa, ganti kod <data:post.body/> dengan semua kod dibawah 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:left'><a expr:href='data:post.url'><img src='http://1.bp.blogspot.com/_UHfRnDfaP7Q/SkBvcJVqMxI/AAAAAAAAAwI/sffFTvUATVA/s400/ReadMore.png'/> - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Penerangan :

250 pada "summary_noimg" adalah panjang tulisan apabila tidak terdapat atau tidak ada gambar pada halaman posting dan "summary_img" adalah panjang tulisan apabila terdapat atau adanya gambar pada halaman posting. Manakala, 120 pada "img_thumb_height" adalah tinggi gambar yang akan ditampilkan di halaman depan dan "img_thumb_width" adalah lebar gambar yang akan ditampilkan di halaman depan.

Selamat Mencuba =)

If you think this entry useful, just click Facebook Like button bellow :
blog comments powered by Disqus
Related Posts with Thumbnails