Behind The King

Jumpa lagi dengan saya :) . Pada post kali ini saya membahas cara untuk membuat Auto Readmore pada Blog kalian... Apa fungsinya? jelas sekali kan... Memudahkan kita (Otomatis) agar blog kalian terlihat simple,tidak amatiran,dan yang paling penting tidak membuang percuma bandwitch pembaca setia blog anda.
Oke kita mulai dari langkah pertama, :

1. Masuk ke dalam akun blog anda..

2.Menuju ke pilihan Template - Edit html ...
Jika kalian menemukan yang begini,silahkan pilih Lanjutkan :
3. Kemudian Centang Expand Template Widget

4. Selanjutnya tekan CTRL + F .... di kotak find tuliskan </head> , lalu Enter

5. Copy paste script dibawah ini tepat di atas tag </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 little-crash

visit http://smile-to-myblog.blogspot.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>

6. Selanjutnya cari tag <data:post.body/> (lebih mudah jika anda menggunakan fungsi CTRL + F)

7. Setelah itu ganti tag <data:post.body/> dengan script di bawah :

<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:left'><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>

8. Simpan Template dan Selesai. Silahkan dicek dulu blog kalian


Note: Script yang berwarna merah dapat kalian ubah sesuka hati