cara membuat readmore

bumiayucyber- pagi gan ^_^,hmm makasih ya buat kak yang udah kasih saran buat blogku ini :) buat kak jhon like makasih kak.Dari kemaren edit templete blogku buat pasang readmore gagal terus,ternyata ada kesalahan dalam pengeditan,di karena ada script yang bentrok(serasa awar) wkwkw.. untuk itu saya share sekalian dah ini ilmunya buat temen blogku,semoga bermanfaat.

Nanti tak kasih judul membuat readmore,Berikut caranya simak baik baik ya kak ^_^

Pertama agan login dulu ke blogger gan,jangan sampe gak login ya kak ^_^
terus masuk ke draft blogger kita,
silahkan menuju menu DESIGN -> Edit HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa save template/simpan terlebih dahulu

Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
</b:if>
</b:if>

Dari sini kita lihat ada script yang aku tadi berwarna merah kan,nah itu fungsi nya buat

agar halaman statis tidak ikut terpenggal seperti halaman HOME.

kalau sudah begitu kita tinggal masuk ke langkah berikunya,oya kak saya saranin templete aslinya di copy dulu,takut ada kesalahan,pengalaman yang pernah saya alami seperti itu ^_^,makanya saya sudah bilang dari awal saya gagal terus dalam membuat readmore kan ternyata ada script yang terpakai bentrok hehe,,oke kalo begitu yu kita lanjut lagi ke tahap berikutnya
silakan di simakan dan dipraktekan

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)

Read more: Cara Membuat Read More Otomatis di Blogspot http://www.ocimweb.com/2012/01/cara-pasang-read-more-otomatis.html#ixzz1oTVKI7FJ