Tutorial : Menampilkan Read More di Blog

Sempet bingung kenapa setiap postingan yang aku buat Read More nya gak ada ...
Kan aneh gitu ya postingan di Home gak selesai tapi gak ada Read More nya..

Akhirnya telah ku temukan jawabannya, mungkin temen - temen juga ada yang mengalami nasib serupa ?
Nah, semoga tuto kali ini bisa bermanfaat ya...

Read More yang akan kita buat ini Otomatis dengan menggunakan jump link bawaan dari blogspot.
Jadi meskipun postingan kamu gak di bikin Insert Jump Break, Read More nya akan tetap muncul di Home.

Langkah Membuat Read More di Blog


1. Login Blog
2. Dashboard > Theme > Edit HTML
3. Tekan Ctrl + F untuk mencari kode

</head>

4. Letakkan kode ini di ATAS kode </head>. Ingat letakkan di atas kode2 yang pernah di buat di atas kode </head>.

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

5. Kemudian cari kode ini, jika menemukan lebih dari satu, ubah kode ke dua.

<data:post.body/>

6. UBAH kode tsb dengan kode 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>
<div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Save dan taraa~ Read More kamu sekarang sudah muncul di Home.

---

Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^

---