PASANG READ MORE OTOMATIS BLOGSPOT

Photobucket wah,tadi sore baru dapet request dari kang totok tentang cara read more otomatis di blogspot. nah ini tips yang ane intip dari situs temen (http://www.spiritetno.co.cc). nah,buat kang totok,ni pesenannya dah dateng. tinggal bayar di belakang... hahahhahahaha....

Ikuti Langkah Dibawah ini  Cara pasang read more otomatis blog
  • Login di blogger.com
  • Pergi ke Tata Letak
  • Sesudah itu pilih Edit HTML
  • Jangan lupa centang tanda "Expand Template Widget"
  • Cara kode ini </head>
  • Kemudian Copy kode ini di tepat di atas kode tadi 

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


  • Kemudian cari kode ini <data:post.body/> kalau mau lebih mudah tekan Ctrl + F
  • Ganti kode tersebut dengan kode berikut 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>


  • Simpan Template Blognya
  • Semoga Bermanfaat.....

Description: PASANG READ MORE OTOMATIS BLOGSPOT Rating: 3.5 Reviewer: Unknown ItemReviewed: PASANG READ MORE OTOMATIS BLOGSPOT

2 komentar:

Aam Al Abdul Ghazally said...

yuoh.....manjur....

Unknown said...

hahahahaha
ya dong
thanks gan dah coment

Post a Comment

Terima kasih atas partisipasinya dengan meninggalkan komentar.