Membuat Auto Read More Blogspot

Membuat auto read more Blogspot atau membuat widget read more otomatis Blogspot. Sesuai dengan judul tutorial Blogspot dia  atas yaitu membuat auto read more Blogspot, maka enti ini berisi tutorial cara membuat auto read more di Blogspot. Jika Anda pengguna wordoress, silahkan lihat tutorial cara membuat auto read more atau read more otomatis di Wordpress pada enti tutorial Membuat Auto Read More Wordpress.

Membuat auto read more di blog atau situs memiliki tujuan untuk menghemat tempat blog juga sebagai penghias blog. Selain itu, dengan menerapkan auto read more di blog juga akan meningkatkan jumlah pageview sebuah blog.

Adapun tutorial cara membuat auto read more di Blogspot adalah sebagai berikut :

• Pastikan Anda sudah berada pada menu EDIT HTML dan men-CENTANG EXPAND TEMPLATE WIDGETnya.
• Kemudian letakkan kode di bawah ini tepat sebelum kode </head> :

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

• Kemudian ganti kode <data:post.body/> dengan kode di bawah ini : 

<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:left'><a expr:href='data:post.url'>Read More … <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Langkah terakhir yaitu klik tombol SIMPAN TEMPLATE / SAVE TEMPLATE.

Keterangan singkat dari tutorial cara membuat auto read more Blogspot di atas :
Silahkan Anda ubah teks dan angka yang berwarna merah sesuai kebutuhan dan selera untuk tampilan read more di Blogspot Anda nantinya.

Demikianlah tutorial cara membuat auto read more Blogspot yang KUTUSPOT bahas pada enti tutorial ini. Semoga bermanfaat dan membantu Anda yang sedang mencari tutoruial blogspot cara membuat auto read more Blogspot.

Refrensi kode auto read more ; http://miscah.blogspot.com/2009/09/cara-membuat-read-more-otomatis.html - Tutorial Cara Membuat Auto Read More Blogspot.