Cara Pasang Read More Otomatis Terbaru Di Blogspot

Cara Pasang Read More Otomatis Terbaru di Blogspot VaristA Blog akan  berbagi untuk kalian semua yang masih kesulitan, memang tidak semuanya bisa dengan hal mudah tapi jangan salah dulu para blogger senior pun sama kesulitan juga.

Langsung aja ya, kita praktekan Cara Pasang Read More dibawah iniiiiiiii :

Pertama, kalian menuju ke DESIGN >> Edit HTML, Jangan lupa ceklis   Expand Template Widget, yang berada di atas sebelah kiri

Cari kode </head>, Jika kalian sulit menemukannya, gunakan saja CTRL+F, lalu letakan script dibawah ini tepat berada di atas kode </head>

Langsung Copast 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>

NB : Kode warna Merah berfungsi agar halaman statis tidak ikut terpenggal seperti halaman HOME

Eitss... Tapi blum selesai sampai sotu aja, masih ada  stage selanjutnya...

setelah itu kawan cari kode <data:post.body/>

Nah, kalo kawan2 sudah menemukan, 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>

Kalau kawan2 belum yakin bner atau ga, klik aja Pratinjau, kalau sudah benar, kawan tinggal save template..

mudah bukan?
ayo silahkan praktekan dan jangan lupa tinggalkan komentar ya :)