Memasang Read More Secara Otomatis Di Blog


Read More atau Baca Selengkapnya merupakan bagian dari blog yang tidak bisa terlepaskan lagi karena memang blog yang terpasang Read More akan telihat lebih Profesional dan terlihat lebih rapi dan memberikan Kesan "Penasaran". Memasang Read More itu sendiri terbilang gampang-gampang susah, ini bisa di lihat jenis templet apa yang di pakai. Ada beberapa templet yang sudah menyediakan/terpasang Read More. Namun bagi templet yang masih belum terpasang read more boleh untuk mencoba langkah berikut :

1. Login ke akun Blogger
2. Pilih Menu Tata Letak/Rancangan
3. Kemudian Pilih Edit HTML
4. Beri tanda centang "Expand Template Widget"
5. Untuk memudahkan pencarian tekan CTRL + F
6. Cari Kode ini </head>
7. Setelah ketemu Copy Kode Di bawah ini, tepat di atas kode </head>.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


8. Setelah itu cari kode ini <data:post.body/>.
9. Ganti kode <data:post.body/> dengan kode di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

10. Save/Simpan/Terbitkan Entri
11. Selesai Silahkan lihat hasilnya

0

Posting Komentar

Site Info

Free PageRank Checker