Minggu, 18 Agustus 2013

Cara Mudah Membuat Read More Otomatis Di Blog

http://jawacyber.blogspot.com/2013/08/cara-mudah-membuat-read-more-otomatis.htmlCara Mudah Membuat Read More Otomatis Di Blog | Kemarin kita telah membahas tentang bagaimana Cara Mudah Membuat Read More Bergambar, nah pada kesempatan kita kali ini kita akan membahas tentang bagaimana Cara Mudah Membuat Read More Otomatis Di Blog. Penasaran bagaimana cara untuk membuatnya? Oke dah kalau begitu langsung saja kita simak dan ikuti langkah-langkahnya di bawah ini :

  • Login ke Blogger
  • Masuk ke Halaman Template kemudian pilih Edit HTML, 
  • Kemudian agan-agan cari kode </head> dan setelah ketemu Letakkan skrip di bawah ini tepat di atas kode </head> tadi :

<script type='text/javascript'>
var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; 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>

  • Selanjutnya agan-agan cari kode <data:post.body/>, kemudian ganti kode tersebut dengan kode di bawah 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'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Perlu Agan-Agan Ketahui :
Biasanya kode <data:post.body/> di bawah kode <div class='post-body'>

  • Simpan Template.

Demikianlah tadi Cara Mudah Membuat Read More Otomatis Di Blog dan semoga bisa membantu agan-agan semuanya yang sedang berusaha membuat Read More. Terimakasih.

Berkomentar dengan Baik

Dilarang Keras SPAM Disini
EmoticonEmoticon