-->

Selo Aji

Tips Unik dan Menarik

Cara Membuat Readmore Otomatis Di Blog

Assalammualaikum wr.wb
"Salam Blogger" .ok kali ini saya akan membahas tentang bagaimana cara membuat Readmore otomatis di blog. Seperti biasa para sobat blogger sering kali mengeluh tentang template blog yang inilah itulah apalagi setelah sobat blogger mendownload template yang sobat suka ,kemudian ditempat postingannya ketika ditampilkan tidak ada kata Readmore. Nah sobat bisa pasang Readmore ini dengan mudah ,yaiu\tu dengan cara sebagai berikut.
1. Login Blog seperti biasa
2. Kemudian masuk ke Rancangan ,Lalu Edi Html
3. Ceklist/Expand Widget Template
4. Cari kode </head> 
5.Kemudian masukan script dibawah ini tepat diatas kode </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 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>


6.Cari kode html berikut:
 <data:post.body/> atau <p><data:post.body/></p>
 7. Ganti kode tersebut dengan kode dibawah ini:
<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>

8. Save Template dan lihatlah hasilnya ,,
==>>"TAARAANGGG" Bisakan .. <<==


ok. Semoga bermanfaat.


Baca juga:

Tags:

0 komentar