Cara Membuar Read More Automatic pada Blogger.
Sekarang mungkin sudah banyak yang share bagaimana cara menambah Read More Automatic pada Blogger namun saya hanya ingin membagi Ilmu yang saya dapat kepada anda semua, bila anda sudah mengetahuinya harap hargai postingan saya ini dan bagi anda yang beum mengetahui silahkan Baca lebih Lanjut semoga postingan ini bermanfaat untuk anda semua.
Nah, Langsung saja anda ikuti jlangkah-langkah dibawah ini :
1. Login ke Blogger
2. Click Design
3. Click Edit HTML
4. Click Expand Widget Templates
5. Cari kode </head>
6. Copy kode di bawah ini dan simpan di atas </head>
<script type=’text/javascript’>
var thumbnail_mode = “float” ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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
visit http://anakciremai.com to get more trick blogger
********************************************/
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>
- Simpan / Save Template
- Selesai.