Pasang Read More Otomatis di Postingan Blogspot

Pasang Read More Otomatis di Postingan Blogspot – Alasan pada umumnya kenapa memasang read more pada postingan adalah untuk menyingkat tulisan agar tidak kelihatan memanjang kebawah ketika tampil di halaman utama blog dan fungsi read more juga bisa untuk menghemat tempat.

Di Blogspot ada cara untuk pasang read more secara manual di postingan, tapi mungkin itu hanya jadi salah satu pilihan saja karena ada cara yang otomatis atau auto read more. Sekali set semua postingan di blog anda akan otomatis terpasang Read More.

– Masuk ke akun Blogger anda
– Dashboard
– Template
– Edit HTML
– Centang Expand Template Widget

– Cari kode </head>
Letakkan kode berikut dibawah kode </head> :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 450;
summary_img = 350;
img_thumb_height = 150;
img_thumb_width = 150;
</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>

– Cari kode <data:post.body/> dan ganti dengan kode dibawah 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:right'>
<a expr:href='data:post.url'>Read More..</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

– Save

– Keterangan :
Read More silahkan ganti dengan kata pilihan anda misalnya Baca Selengkapnya, Lanjut Membaca dan lain-lain.
summary_noimg = 450; (Jumlah karakter yang ditampilkan di posting tanpa gambar)
summary_img = 350; (Jumlah karakter yang ditampilkan di posting dengan gambar)
img_thumb_height = 150; (Tinggi Gambar)
img_thumb_width = 150; (Lebar Gambar)