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 yang pertama dan kedua, ganti dengan kode dibawah ini

<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("summary"," <data:post.url/>","data:post.title/>"); <span class='readmore' style='float:right;'>Read More »</div>
Agar aktif kamu memerlukan kode javascript untuk membuatnya auto readmore


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

Nah cuma segitu sobat gee, kamu bisa otak atik sendiri ya, yang kurang jelas komentar aja dibawah. Terima kasih

Tidak ada komentar

Diberdayakan oleh Blogger.