Cara Membuat Read More

Share

sebelumnya saya mohon maaf nih khususnya bagi kalangan master... artikel kali ini tentang Cara Membuat Read More yang pastinya telah banyak dibuat oleh teman2 para blogger. kemarin saya diminta oleh teman untuk menyajikan artikel tentang Cara Membuat Read More yang berfungsi mengatur batas artikel agar tidak semuanya tampil.. oke langsung aja yaaaa... Ikuti tata cara berikut ini : 1. Login di blogger.com 2. Pergi ke Tata Letak 3. Sesudah itu pilih Edit HTML 4. Jangan lupa centang tanda "Expand Template Widget" 5. Cari kode ini

</head>

kalau mau lebih mudah tekan Ctrl + F 6. Kemudian setelah itu anda mengcopy/paste kode berikut ini dan letakkan diatas kode </head> tadi

script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ 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 5px 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>

7. Kemudian cari kode ini

<data:post.body/>

jangan lupa tekan Ctrl + F 8. Ganti kode tersebut dengan kode berikut ini

<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;padding-top:20px;'> <a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>

selamat mencoba yaaaaaaa...