Membuat Auto Readmore pada Blogger Template

Membuat auto readmore pada blogger template - Blog ini mengacu pada posting sebelumnya mengenai 7 LANGKAH MUDAH MEMBUAT TEMPLATE BLOGGER DARI NOL SAMPAI JADI, ditemplate tersebut masih belum diterapkan dihomepagenya, coba kamu masuk ke halaman blogger kamu, kemudian klik template disidebar kiri kemudian kamu cari code
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='row clearfix'>
<div expr:id='"summary" + data:post.id'><script type='text/javascript'>createSummaryAndThumb("summaryAgar aktif kamu memerlukan kode javascript untuk membuatnya auto readmore
Nah cuma segitu sobat gee, kamu bisa otak atik sendiri ya, yang kurang jelas komentar aja dibawah. Terima kasih
<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="" indexof="" s="">")!=-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, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '
<img alt="'+img[0].src+'" class="thumbnail img-responsive" src="'+img[0].src+'" />
';
summ = posts_thumb_sum;
}
var summary = imgtag + '
' + removeHtmlTag(div.innerHTML,summ) + '
';
div.innerHTML = summary;
}
//]]>
</script>
Post a Comment