Get Chitika | Premium

Cara membuat Readmore Otomatis di blog

Share |
1.Silakan Login ke account blogger  >> Rancangan >> edit html.
2. Jangan lupa centang pada "Expand Widget Template".
3. Cari kode </head>
4. kemudian letakkan kode di bawah ini persis di atas kode No.3
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </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
********************************************/
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>

5. Kemudian scroll ke bawah temukan kode <data:post.body/> atau <p><data:post.body/>.Letakkan kode di bawah ini di bawah kode No.5

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


* Keterangan:
kode inilah yang dapat anda ganti summary_noimg = 430; summary_img = 340 dan READMORE...

- Summary noimg 430 = tinggi artikel terpenggal tanpa image
- Summar img 430 = tinggi artikel terpenggal dengan image
- Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll dan juga bisa di ganti dengan read more animasi (tambah kan kode <img scr ="link gambar animasi"/> sesudah tulisan data:post.url )


4.setelah selesai kemudian klik Save Template.

0 komentar : Cara membuat Readmore Otomatis di blog

Post a Comment

" Terimakasih kami ucapkan kepada pengunjung yang telah berkunjung di blog ini.

Tentang artikel di atas APA TANGGAPAN dari anda semua ? "

 

About Administrator

My Photo
sahrul
hanya seorang blogger newbie yang ingin mencari ilmu dan pengalaman di dunia maya untuk di bagikan ke para pembaca blog ini.
View my complete profile

Recent Comments

Site info