1. Auto Read More adalah Membuat Otomatis Readmore pada blog .Auto
Readmore digunakan untuk menghemat tempat post pada beranda kita. dengan
Auto Read More anda tidak perlu repot-repot memberi jumpbreak pada setiap
postingan anda pada blogger, selain itu juga postingan pada beranda akan tertata
rapi karena tidak akan menggangu posting statis milik kita.pokoknya lebih
efisien deh jika meggunakan AUTO READMORE ini..ingin mencobanya
????silahkan baca artikel dibawah ini..
Langkah :
Pertama masuk dulu ke akun blogger agan,
Kemudian masuk ke Dashboard Blogger--Template--Edit
HTML(JANGAN LUPA mencentang Expand Widget Template)
Apabila anda sudah mengisi script Auto Read More maka anda harus
menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang
anda pakai sebelumnya, untuk mengetahui script mana yang harus anda
hapus
Cari tag </head> dan copy--kan script dibawah ini tepat dibawah
tag </head>(Gunakan Ctrl+F dan F3 untuk mempermudah pencarian)
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes-dengan gambar,no-tanpa
gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
2. 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(thumbnail_mode == "yes") {
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;
}
}
3. var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) +
'</div>';
div.innerHTML = summary;
}
//]]>
</script>
Keterangan : Script berwarna biru adalah jumlah dan ukuran tampilan.
summary_noimg = Jumlah karakter tanpa gambar
summary_img = Jumlah karakter dengan gambar
img_thumb_height = Tinggi gambar {dalam pixel}
img_thumb_width =Lebar gambar { dalam pixel }
Anda bisa mengubahnya sesuai keinginan anda..............!!!!!!
Kemudian cari tag <data:post.body/> dan ganti tag tersebut dengan script
di bawah ini.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>