0 Read More Otomatis buat Blog

By De Gunlance

0

Read More Otomatis buat Blog

Posted in

Hai hai hai, setelah selesai dengan mengupgrade blog, ane mau posting lagi nih. Pasti udah pada tau Read More kan? kalo kagak tau, jangan tanya ane, karna ane juga kagak tau (Laaah???). Biasanya kan tutorial buat nambahin read more ntu, harus make script yang dipasang di tiap Postingan, pasti capek kan? mending kalo blog-nya baru, lah kalo tuh blog udah lama trus postingannya udah bejibun (bahasanya kampung banget), laah pasti males kan. Hari ini ane mau posting bagaimana cara masang script Automatic Read More ato bahasa Indonesianya Read More otomatis, cukup make 1 Script, tiap kali ngeposting, pasti ke Read More otomatis, udah gitu disamping postingannya bakal dikasih Thumbnail gambar dari tuh postingan, kalo mau liat contohnya kagak perlu jauh2 ke luar rumah, blog ane udah make nih Script soalnya, langsung ke cara aja ya, nih langkah2nya
1. Buka blog ente
2. Buka Layout > Edit HTML
3. Centang pilihan Expand Widget Templates, oh ya, biar jaga2 kalo ente ngelakuin kesalahan, mendingan Download Full Template
4. Copy paste-in nih code tepat diatas kode </head> (biar gampang nyarinya, klik aja Ctrl + F trus ketikkin tuh kata)
Nih Scriptnya :
<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>
5. Cari kode <data:post.body/>, biar gampang, pake aja Ctrl+f lagi, kalo udah nemu, apus tuh kode trus ganti sama kode dibawah 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>
6. Save template deh, dan foila, blog ente sudah memiliki Automatic Read More
Lumayan kan hasilnya, daripada lumanyun gak enak diliat, hehehe sekian dulu deh postingan ane byeee