Cara Membuat Read More Otomatis Pada Setiap Postingan Blogger

Key Word :

• Cara Buat Read More Otomatis
• Read More Otomatis pada setiap postingan
• Otomatis Read More pada saat kita publikasi postingan blog
• How To Make Automatic Post in Blogger
• Cara Membuat Postingan Blog Otomatis Read More

Para publiser blogger devilx7 sekedar share tips ni tentang cara membuat read more secara otomatis setiap kali kita memublikasikan postingan blog kita. Pada setiap template blogger terdapat template blogger yang suport dan ada juga template yang gak suport dengan script auto read more, maka dari itu devilx7 akan kasih tau caranya agar kita dapat membuat auto read more pada blog kita. Nak untuk caranya mari kita ikuti langkah langkah pembuatannya di bawah ini :

1. Klik icon gambar segitiga ke bawah ---> kemudian akan muncul menu ke bawah, Klik Template

2. Kemudian kita akan masuk ke menu template ---> Klik Edir Template

3. Kemudian Cari Kata </head> dengan cara Tekan CTRL + F dan ketik </head> kemudian enter. Sesudah ketemu, ada code di atas code </head> seperti gambar di bawah ini :

4. Kemudian Ganti Code yang di kotak dengan code di bawah ini :

CODE :

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

5. Sesudah di ganti Selanjutnya Cari Code <data:post.body/>. Jika ketemu dan ada dua code ganti code yang ke dua dengan Code di bawah ini :

Code :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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'> <br/><br/><br/><div style='text-align: right;'><a  expr:href='data:post.url'><b><button>
Read more </button>
       </b></a></div></span>
    </b:if></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Jika semua di paste/ di ganti kemudian klik Save Template kemudian Lihat blog home page kalian

NB : Jika cara di atas tidak jadi maka ada dua code <data:post.body/> dan harus di ganti semua dengan code di atas

---

= = = Semoga Artikel Saya dapat bermanfaat bagi kalian " AaMiiiiN " = = =