Memberikan READ MORE Pada Blog Menghemat Tempat Posting

Apakah anda ingin membuat postingan yang terputus dengan Read More, Baca Selengkapnya, & Sejenisnya? contoh:

"MEMBANGUN TOKO ONLINE GRATIS

Apakah anda memiliki produk yang ingin anda jual? Apakah anda sudah promosi ke semua orang?? melalui apa?? Facebook?? Twitter?? itu bagus sekali, tapi alangkah lebih baik jika Anda memiliki blog sebagai toko online anda (rekomendasi dari saya,hehehe... ), karena akan terlihat lebih...

READ MORE - MEMBANGUN TOKO ONLINE GRATIS

" 

Anda dapat membuat seperti contoh diatas untuk menghemat tempat posting Anda di blog, sebenarnya tidak terlalu sulit, berikut adalah langkah - langkahnya, semoga bermanfaat:

Pertama, silahkan langsung ke halaman EDIT HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</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 2px 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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua 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: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>
 
Kalo sudah silahkan klik preview kalau memang masih ragu-ragu lalu silahkan disimpan dan lihat hasilnya

Keterangan:
var thumbnail_mode = "float";  (kita dapat memutuskan apakah
letak thumbnail 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)

Jangan Lupa ya untuk mendukung artikel - artikel di blog ini mohon bantuannya dengan KLIK icon yang berada di bawah postingan artikel. ICON tersebut seperti dibawah ini
TERIMA KASIH