Cara memasang read more otomatis di blogger

Mungkin setiap orang merasa sulit memostingkan artikel yang panjang, karena setiap mereka memostingkan artikel yang panjang pasti memakan banyak tempat di halaman blogspot mereka, tapi di deawapedia ada solusinya, solusinya adalah pasang aja read more.

Read more berguna untuk membagi artikel atau dengan kata lain tulisan anda tidak di tampilkan sepenuhnya di halaman utama, tapi jika pengunjung blog anda mengklik read more, maka semua artikel akan ditampilkan, dengan kata lain artikel kita ditampilkan secara penuh.

Tapi secara setandar blogger tidak menyediakan fasilitas read more, tapi jangan bersedih hati dulu kita bisa membuat sendiri kok read more itu, sekarang saya akan menjelaskan read more otomatis bukan yang manual.

Langkah-langkah pembuatanya adalah sebagai berikut: Msuk ke dasbor blog anda, lalu pergila menuju ke tab edit HTML, jika sudah berada di halaman edit HTML beri tanda centang pada option Expend Template Widget, lalu cari code </head> gunakan fasilitas Find untuk mencari kode itu (tekan ctrl+f pada browser Mozilla Firefox untuk memngunakan fasilitas find), jika sudah ketemu, copy paste kode html di bawah ini, lalu paste di atas code </head> ,

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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>

Jika sudah selesai Simpan dulu editing anda, lalu selanjutnya masih berada pada halaman Edit HTML, beri tanda centang option Expend Template Widget lagi, cari code html seperti ini (gunakan kembali fasilitas find) <data:post.body/>, lalu ganti kode itu dengan kode yang 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>

Jika sudah selesai Simpan pekerjaan anda ini.

Catatan kecil: var thumbnail_mode = "float"; (anda dapat memutuskan apakah letak tulisan read more berada di (float) kiri atau jika tidak silahkan ganti dengan(no-float), summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail), summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail),img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel), img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Ya… cuman gitu aja solusinya, buat elitzeroone saya ucapkan terimakasih kerena telah memberikan solusi ini, dan bagi para pembaca semua saya ucapkan terimakasih karena telah setia membaca artikel pada blog saya ini, jika ada kesalahan dalam penulisan atau yang lainya, saya mohon maaf sebesar-besarnya, semoga artikel ini bermamfaat buat para blogger pemula, jika ada yang mau di tanyakan, tanyakanlah.

Senyum untuk para pembaca