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 == "static_page"'><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....
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 == "static_page"'><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....
Tags: Blogging
Share your views...
4 Respones to "Cara Tulisan Membuat ReadMore/Baca Selengkapnya Di Blog"
dmna nya ?
gk ketemu :-L
23 Januari 2013 pukul 00.00
apanya yang gk ketemu?
mksh atas info'x sob sangat membantu sekali bagi saya yang pemula..
1 April 2013 pukul 11.29
sad :drummer: :vocalist: *fck* xV
6 Mei 2013 pukul 14.18
Posting Komentar