Cara Membuat Readmore Simple+Otomatis

Selamat datang di blog saya. Update kali ini saya akan menyampaikan sebuah artikel tentang bagaimana cara membuat Readmore Simple dan Otomatis pada blogger.

Langsung saja Oke sobat blogger
tidak usah lama lagi kita langsung simak bagaimana cara membuat Readmore Simple dan Otomatis.

Ikuti langkah berikut ini :

• Login ke akun blogger
• Pilih Templet
• Lalu pilih EDIT HTML
• Centang kotak kecil Expand Widget Templates
• Selanjutnya cari kode berikut </head> dan jika sudah menemukan kode tersebut tambahkan kode di bawah ini di atas kode </head> Gunakan Ctrl+F untuk mempermudah pencarian.

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

• Selanjutnya cari lagi kode :  <data:post.body/>
• Ganti kode  <data:post.body/> dengan kode 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>

• Tahap yang terakhir yaitu petinjau apakah sudah bereaksi? jika sudah simpan templet anda.
• Enjoy ^_^

Ditulis Oleh : Unknown ~ Komunitas Blogger Pekalongan

Sobat sedang membaca artikel tentang Cara Membuat Readmore Simple+Otomatis. Karena Adminnya Baik hati dan tidak sombong, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="https://pekalonganbatiktv.blogspot.com/2016/09/cara-membuat-readmore-simpleotomatis.html" target="_blank">Cara Membuat Readmore Simple+Otomatis</a>

:: Get this widget ! ::