✔ Cara Menciptakan Read More Otomatis Blogger

Assalam muallaikum Wr wb. Jumpa Lagi Sahabat kali ini Akan menciptakan Read more atau Baca Selengkapnya untuk Blogger. Bagi pengguna tempelat original blogger 
tentunya belum dipasangin Read More otomatis alasannya yakni yang disediakan blogger hanya dengan manual, Kalau sobat blogger tidak mau cape cape mengatur postingan, tidak ada salah nya untuk memasang Read more otomatis Biar lebih mudah. Berikut ini cara nya:

1. Login ke Blogger >> Rancangan >> Edit HTML jangan lupa tuh centang Expand
2. Cari arahan </head>
3. Letakan arahan dibawah ini sempurna diatas arahan </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>

4.Cari lagi arahan :  <data:post.body/> Ganti arahan  <data:post.body/>, dengan arahan 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'> <b>Read more</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
5.Sebelum Save tempelat sebaiknya Pratinjau dulu sesudah tidak ada kesalahan gres lakukan save/simpan tempelat anda.Cukup sekian agar bermanfaat

Belum ada Komentar untuk "✔ Cara Menciptakan Read More Otomatis Blogger"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel