Cara Membuat ReadMore/Baca Selengkapnya

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

cara membuat readmore cara membuat read more cara membuat baca selanjutnya cara membuat baca selengkapnya cara membuat baca seterusnya,cara membuat box scroll cara membuat kotak scroll cara membuat kotak yang bisa di geser cara membuat kotak sliding cara membuat kotak geser cara meningkatkan pagerank cara membuat blog yang seo friendly cara agar berada di awal pencarian google cara agar blog banyak pengunjung cara agar postingan berada diurutan pertama di pencarian google cara agar postingan ada diurutan pertama di pencarian yahoo cara agar postingan berada diurutan pertama di pencarian bing download video download gratis download film downlaod video gratis download film gratis

Buka Rahasia Semua Rahasia
Buka Rahasia
Read More Blogspot Terfavorit

Artikel terkait :