Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript
Ada dua pilihan membuat read more otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.
Langkah awal membuatnya seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.
Setelah itu, cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:
<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://projectloss.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>
Selanjutnya untuk Cara 1.Read More Button Otomatis menggunakan gambar, hapus kode tersebut dan gantilah 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'><img alt='Read More..' src='http://www.arcsolutions.com/north_america/images/news-item-read-more.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/>
</b:if>
Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text, hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah 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/><br/>
</b:if>
Lalu Simpan Template, dan Jrenkkk lihat hasilnya :D
0 Comments Received
Leave A Reply