Cara Tulisan Membuat ReadMore/Baca Selengkapnya Di Blog



Penulis:Uchiha Sasuke

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 Kalau Belum Tau Caranya Bisa Sobat Baca Berikut Dibawah Ini 
1. Masuk Ke Akun Blog Sobat
2.Rancangan>>Template>>Edit HTML>>Centang Tulisan Expand Widget Template Lalu Cari Kode 
<data:post.body/> Jika Sudah Ketemu Ganti Kode <data:post.body/> Dengan Kode Dibawah 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'>Baca Selengkapnya>></a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>


Silahkan Ganti Tulisan Warna Hijau Dengan ReadMore>> Atau Biarkan Tetap Seperti Itu

3.lalu cari </head> Jika Sudah Ketemu Taruh Kode Dibawah Ini Tepat Dibawah Kode </head>:


<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>

4.Simpan Dan Lihat Hasilnya

Saya Mohon Sobat Untuk Berkomentar Dan Semoga Bermanfaat....



Share your views...

4 Respones to "Cara Tulisan Membuat ReadMore/Baca Selengkapnya Di Blog"

Rocky Paparang mengatakan...

dmna nya ?
gk ketemu :-L


23 Januari 2013 00.00
Uciha Sasuke mengatakan...

apanya yang gk ketemu?

Sonya mengatakan...

mksh atas info'x sob sangat membantu sekali bagi saya yang pemula..


1 April 2013 11.29
Rendan mengatakan...

sad :drummer: :vocalist: *fck* xV


6 Mei 2013 14.18

Posting Komentar

 

© 2012 sapiterbangs Blog