Breaking News

Cara Membuat Readmore Otomatis

Cara Membuat Readmore Otomatis adalah tutorial blogger yang akan saya ajarkan kepada sobat semuanya, langsung saja saya terangkan Membuat Readmore Otomatis.


Cara Membuat Readmore Otomatis :

Langkah Pertama
1. Login di blogger dengan ID anda
2. Klik menu Tata Letak
3. Klik Edit HTML

Langkah Kedua:
Beri tanda centang pada Expand Template Widget

Langkah ketiga :
Copypaste kode javascript berikut tepat diatas 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>

Penjelasan Langkah Ketiga :

Kita dapat mengatur nilai value kode berikut sesuai dengan kebutuhan

summary noimg= 430 – tinggi artikel terpenggal tanpa image

summary img=340 – tinggi artikel terpenggal dengan image



Langkah Empat :
Temukan kode <data:post.body/> gunakan CTRL + F pada Browser anda untuk memudahkan mencari kode tersebut.

Langkah Lima :
Ganti kode <data:post.body/> tersebut dengan Kode berikut


<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>

Langkah Enam:
Save Template - Selesai

Selamat Mencoba

Tidak ada komentar:

Posting Komentar

Designed By malekazis.com copyright 1995-2050