Cara Mudah Membuat Read More Pada Blog

Cara ini bisa dibilang sangat mudah bagi anda yang mengerti bahasa HTML akan tetapi mungkin sebaliknya bagi pemula maka untuk itu bagi pemula yang ingin membuat tampilan blog anda menjadi lebih menarik dengan manambahkan fitur Read More pada blog anda maka silahkan ikuti langkah - langkah berikut :

1. Anda harus login keblog anda tentunya
2. Untuk mengantisipasi adanya kesalahan edit maka saya sarankan anda backup template anda sebelum diedit
3. Pergi ke Template ~>> Edit HTML
4. Cari kode </head> dan silahkan copy kode dibawah ini tepat di atas kode </head>

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 250;

summary_img = 220;

img_thumb_height = 120;

img_thumb_width = 220;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var 

c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c]

.indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while

(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" 

[...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var 

a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1)

{a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" 

width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}

var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; 

//]]>

</script> 

5. Kemudian cari kode <data:post.body/> dan ganti kode <data:post.body/> dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

<span class='rmlink' style='float:left'><b>Baca Selengkapnya</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>

</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

6. Kemudian klik save template dan lihat hasilnya

Catatan :

Untuk kode  <data:post.body/> pastikan anda menemukan kode yang ini <p> <data:post.body/><p>

dan setelah itu anda ganti dengan kode yang ada di nomor 5 dan simpan dan lihat hasilnya

Selamat Mencoba