17 December, 2009

Readmore



بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم
 Membuat Readmore otomatis plus judul postingan
Bismillah baru sembuh ada request bagaimana cara membuat readmore otomatis plus judul postingan,hal ini saya merasa mendapat kepercayaan,tersanjung dan bersyukur tentunya hiks..hiks...buat yang sudah bisa jangan ditertawakan ya...ini saya postingkan buat pemula,walah saya juga pemula hiks..hiks...langsung wae ya

Caranya mudah,dan ikuti dengan sabar  langkah-langkah di bawah ini:

1. Masuk ke tata letak lalu EDIT HTML
2. Centang Expand Template Widget
3. Cari kode </head>
4. Tambahkan kode berwarna biru di bawah ini di atas 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>


5. Sabar ya...Lalu cari kode <data:post.body/>
6 Nah kalo sudah ganti kode tersebut dengan kode berwarna biru di bawah ini

<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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Yang berwarna merah ganti sesuai keinginan Anda...
7. Simpan Template nah mudah kan...lihat hasilnya...
semoga bermanfaat dan berhasil amien..good  luck n salam blogger

related Article:

59 Was Commented to “Readmore”

Post a Comment

Terima kasih atas komentar Anda/Thanxs for Ur Comments/
感谢您的评论 dan please dont SPAM yach...

 

Dhana Arsega/戴安娜 Copyright © 2011 --Edit and Converted by Dhana Arcamo