Cara Membuat Read More Pada Blog

Flamboyan68 - Apa kabar, sob? Malam menjelang subuh ini ane akan memposting dan ini ane akan share lagi mengenai "Cara Membuat Read More Pada Blog". 

Sebenarnya tujuan ane nge_share alias memposting tiada lain cuma untuk backup doang apabila suatu saat script read more punya ane tiba-tiba hilang, khan gawat. So..ane simpan sekalian bagi-bagi buat para blogger nubie kayak ane. Memasang kode script yang satu ini gampang tapi cukup membutuhkan konsentrasi dan ketelitian dalam pemasangan kodenya. Kita langsung aja ke tempat kejadian perkaranya ya, sob..hehehe..

• Masuk / login ke blogger sobat.
• Catatan: Sebelum masuk ke edit html jangan lupa untuk melakukan backup dengan cara unduh template  lengkap agar terhindar dari kegagalan / kesalahan dalam pemasangan kodenya.  
• Lalu pilih Template   >>  Klik Edit HTML 
• Kemudian cari kode  </head> untuk mempermudah pencarian gunakan Ctrl + F
• Setelah menemukan kode tadi masukan kode dibawah ini dan letakan / paste kan tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 350;
summary_img = 300;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/*
Bumi Informasi
http://bumi-informasi.blogspot.com - Kumpulan Berita dan Informasi Terbaru
*/
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 2px 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>

• Kemudian setelah itu cari lagi kode ini <data:post.body/> apabila sudah ketemu, gantikan kode tersebut dengan kode dibawah ini. Sobat akan menemukan kode tersebut lebih dari satu.

<b:if cond='data:blog.pageType != &quot;item&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:right;font:normal 9px Arial;text-transform:uppercase;padding:2px 5px 0 0;'><a expr:href='data:post.url'><img src='https://lh6.googleusercontent.com/-FwOHKtFSP5I/UObRrk3BRHI/AAAAAAAAAeI/m-C5R2snR5M/s108/Read%2520More.png'/></a></span>
</b:if>

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

</b:if>

• Klik simpan / save.

Sekian dulu postingan kali ini semoga bermanfaat buat sobat-sobat dan sampai jumpa.

Selamat mencoba.......

sumber : http://bumi-informasi.blogspot.com/2013/01/cara-membuat-read-more-pada-blog.html