Auto readmore V2 ini adalah perbaikan / penyempurnaan dari auto Read more V1 ) , di karenakan ditemukanya masalah pada halaman statis spt Laman yang berisi HTML/Java Script ex;game, music,banner flash, widget SMs Gratis Guest Book dll,.
saat membuka Laman atau hal static tsb Auto Read More ikut muncul.
Berikut ini Langkah-langkahnya:
1. Login ke Blogger terlebih dahulu,
masuk ke link Design/Rancangan > Edit HTML. lalu centang 'Expand Widget Templates'.
Untuk menghindari kesalahan dan tidak bisa di kembalikan pada saat mengEDIT Template, anda Download terlebih dahulu Template Blog Anda Download Lengkap Template atau blok semua template anda(CTRL+A)
2. hapus terlebih dahulu jika dulu sudah diisi script auto readmore v1, gunakan panduan atau tutorial dari auto readmore V1 untuk mengetahui mana saja script yang harus dihapus.
3. Salin lalu paste script ini di bawah tag </head>:
saat membuka Laman atau hal static tsb Auto Read More ikut muncul.
Berikut ini Langkah-langkahnya:
1. Login ke Blogger terlebih dahulu,
masuk ke link Design/Rancangan > Edit HTML. lalu centang 'Expand Widget Templates'.
Untuk menghindari kesalahan dan tidak bisa di kembalikan pada saat mengEDIT Template, anda Download terlebih dahulu Template Blog Anda Download Lengkap Template atau blok semua template anda(CTRL+A)
2. hapus terlebih dahulu jika dulu sudah diisi script auto readmore v1, gunakan panduan atau tutorial dari auto readmore V1 untuk mengetahui mana saja script yang harus dihapus.
3. Salin lalu paste script ini di bawah tag </head>:
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430; //jumlah karakter postingan tanpa gambar dan bisa di ubah
summary_img = 340; //jumlah karakter postingan dengan gambar dan bisa di ubah
img_thumb_height = 150; //tinggi thumbnails gambar (dalam pixel) dan bisa di ubah
img_thumb_width = 150; //lebar thumbnails gambar (dalam pixel) dan bisa di ubah
</script>
<script type='text/javascript'>
//<![CDATA[
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;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430; //jumlah karakter postingan tanpa gambar dan bisa di ubah
summary_img = 340; //jumlah karakter postingan dengan gambar dan bisa di ubah
img_thumb_height = 150; //tinggi thumbnails gambar (dalam pixel) dan bisa di ubah
img_thumb_width = 150; //lebar thumbnails gambar (dalam pixel) dan bisa di ubah
</script>
<script type='text/javascript'>
//<![CDATA[
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;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->
4. Kemudian cari <data:post.body/> (gunakan Ctrl+F), dan GANTI <data:post.body/> dengan:
<!-- Auto read more Start -->
<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'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more End -->
untuk keterangan kode pada langkah Ke -4
<a class='more' expr:href='data:post.url'>Read More >></a>
bisa kamu ganti kata yang anda inginkan misal BacaSelangkapnya, Lanjutkan, To Be Continued.....Lsp
5. Apabila masih bingung bisa contact saya lewat Contact atau bisa komen..
^_^ jangan lupa kasih comment ya...
