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 |
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 = "no-float" ;
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 == "item"'><data:post.body/>
</b:if>
4. setelah itu klik save template
Demikian tutorial CARA MEMBUAT AUTO READMORE OTOMATIS semoga bisa berhasil diterapakan.
