Thursday, 5 December 2013

Cara Membuat ReadMore atau Baca selengkapnya yang ada dipostingan blog sudah tidak asing lagi buat para blogger yang lama mengarungi dunia blogger,namun buat para blogger pemula mungkin hal itu sangat sulit dan mereka bisa saja sangat menginginkannya,hal seperti itu juga dialami saya,bahkan namanya saja dulu saya tidak tahu.
Dulu saya keliling mencari cara untuk mengetahui namanya readmore,bagaimana cara membuat readmore,lalu saya ketik di google "bagaimana caranya membuat baca selengkapnya,baca seterusnya yang biasanya ada di postingan blog" dan alhamdulillah kata kunci seperti itu juga bisa membawa saya ke Blog yang menyediakan artikel yang menjelaskan cara membuat readmore atau baca selanjutnya/baca selengkapnya.
maka dari itu saya juga ikut memosting mengenai cara membuat readmore,siapa tahu saja ada orang yang masih belum mengetahui cara membuat readmore/baca selengkapnya/baca seterusnya/baca selengkapnya.
Cara Membuat ReadMore adalah sebagai berikut:
1. Login ke Blogger.com,setelah masuk di dasbor
2. lalu klik edit html.lalu cawang Expand Widget Templates,terus cari<data:post.body/> lalu ganti dengan kode ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/>
<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;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>

lalu cari </head> dan taruh kode dibawah ini dibawahnya:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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(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>

lalu simpan dan lihat hasilnya.semoga manfaat dan selamat mencoba

sumber : http://buka-rahasi.blogspot.com
Categories:

0 comments:

Post a Comment

Follow me on Twitter! Follow me on Twitter!