CARA MEMBUAT AUTO READMORE OTOMATIS

CARA MEMBUAT AUTO READMORE OTOMATIS –  Bagaimana cara memasang auto readmore otomatis dengan menggunakan javascript yang simple dan mudah. Auto readmore adalah sebuah widget yang wajib dipasang di halaman hompage sebuah blog, disamping bisa membantu memperringan loading blog juga befungsi untuk menjaga agar tampilan blog tetap kelihatan unik dan menarik.

auto readmore blogger
auto readmore blogger

CARA MEMASANG AUTO READMORE OTOMATIS BLOGSPOT
1. Log in ke account blogger kemudian pilih Template > Edit HTML > Proceed
2. Centang Expand Template Widget dan masukan kode dibawah ini sebelum </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 450;
summary_img = 360;
img_thumb_height = 120;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

3. Cari kode <b:if cond=’data:blog.pageType == “item”‘> dengan menggunakan ctrl+f ganti kode <data:post.body/> setelahnya dengan menggunakan

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right'>
<a expr:href='data:post.url'>Read More... <data:post.title/></a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

4. setelah itu klik save template

Demikian tutorial CARA MEMBUAT AUTO READMORE OTOMATIS semoga bisa berhasil diterapakan.

Leave a Reply

Your email address will not be published. Required fields are marked *

No Live Link Please! and Leave a Relevant Comment