Akhirnya saya sempat membuat artikel ini..!!
Kali ini kita akanm membahas blog tutorial tentang cara memberi readmore otomatis
Saya berniat akan memberikan sedikit info tentang blog tutorial yaitu tentang readmore otomatis .Langsung saja ya. Kita akan membahan tentang read more.Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya
setiap postingan...,,??
Mungkin kita bisa memberi read more otomatis. Kita akan membahas tentang readmore yang menggunakan gambar.
Berikutlangkahnya..
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
Kali ini kita akanm membahas blog tutorial tentang cara memberi readmore otomatis
Saya berniat akan memberikan sedikit info tentang blog tutorial yaitu tentang readmore otomatis .Langsung saja ya. Kita akan membahan tentang read more.Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya
setiap postingan...,,??
Mungkin kita bisa memberi read more otomatis. Kita akan membahas tentang readmore yang menggunakan gambar.
Berikutlangkahnya..
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Cari kode </head>
5. Copy kode di bawah ini,dan letakkan di atas
<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 HURRI CRECENDO
visit http://cahsobo.co.cc 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>
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 HURRI CRECENDO
visit http://cahsobo.co.cc 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. Lalu cari kode <data:post.body/>
7. Ganti kode tersebut dengan kode di bawah ini..
readmore otomatis dengan gambar :
<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'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXvg8bLYG1GWqzzykoac1Hr5OFXdXiM0A4N5OMTFpnOSrK54up1iGZLkTWWuzZoMaJsncPgKTrB-bH4Nk3vg0672GplAHJUQ87IWXC4zo3EraSK0dpM2sdQWaRhBjc6-A2jVqHNaNyss/s1600/readmore.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXvg8bLYG1GWqzzykoac1Hr5OFXdXiM0A4N5OMTFpnOSrK54up1iGZLkTWWuzZoMaJsncPgKTrB-bH4Nk3vg0672GplAHJUQ87IWXC4zo3EraSK0dpM2sdQWaRhBjc6-A2jVqHNaNyss/s1600/readmore.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Read more otomatis dengan gambar :
<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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxkUoTZvwRcJKSgwmaAl268sip_hyphenhyphen0-On5sUq5LLDp1ZlQrKSKpvl57LFcrzCKk8cY1riFHmpJMaQZyzDjLRcXcqSxYOudTrKCHPTFMNgISRCXvhPqmTkio52BCa__dFzVr_OhwrGsqw/s320/a1ifte.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxkUoTZvwRcJKSgwmaAl268sip_hyphenhyphen0-On5sUq5LLDp1ZlQrKSKpvl57LFcrzCKk8cY1riFHmpJMaQZyzDjLRcXcqSxYOudTrKCHPTFMNgISRCXvhPqmTkio52BCa__dFzVr_OhwrGsqw/s320/a1ifte.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
8 Simpan template......
SELAMAT MENCOBA YA READ MORE OTOMATIS INI....
SELAMAT MENCOBA YA READ MORE OTOMATIS INI....
SEMOGA BERHASIL ! !
entuk sko endi hur?
seko http://www.sandynet.co.cc/2011/02/cara-memberi-readmore-otomatis-dengan.html ...
saya udah berhasil, tapi yg read more bawaannya masih ada, gmana cara ilanginnya?