cara membuat read more

Read more adalah sebagai salah satu dari di antara yang lain tombol navigasi pada sebuag website dan blog
read more kalau dalam bahasa indonesianya adalah baca selengkapnya , jadi tombol read more ini sebagai tombol untuk membaca keseluruhan artikel
tombol atau menu read more ini akan berguna atau akan keluar tombol nya pada halaman home sebuah website atau blog

pada umumnya halaman home dari website blog akan menampilkan beberapa cuplikan postingan dan tentunya untuk memberikan kemudahan kepada pengunjung maka tombol read more ini sangat di perlukan walau sebenarnya tanpa memberikan tombol read more pun jika kita meng klik judul artikel tersebut maka juga akan membuka keseluruhan dari artikel tersebut , namun kadang kala para pengunjung juga belum tau akan hal tersebut oleh karena itu ada baiknya juga jika melengkapi dengan tombol read more

Cara membuat read more

1.buka blog anda lalu login
2.pada dashboard blog pilih template
3.lalu klik edit Html
4.selanjutnya kopi kode di bawah ini dan pastekan di atas kode </head>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
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>

5.cari lagi di dalam kode html kode <data:post.body/> kode <data:post.body/> ada 3 buah silahkan cari kode yang pertama dan hapus kode tersebut lalu gantikan dengan kode di bawah 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 "<data:post.title/>"</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

keterangan :

- tulisan read more dalam kode di atas bisa di rubah misalnya baca selengkapnya atau baca selanjutnya atau baca semuanya

6.lalu simpan template nya 

7.selesai

demikian panduan blogger tentang cara membuat read more semoga bisa di praktekan dengan mudah