Adi Firman Setiawan

Cara Memasang Auto Readmore [ UPDATE ]

Mungkin Auto Readmore yang akan saya bahas akan sedikit memberatkan loading pada tampilan halaman home blogger, tetapi sahabat jangan hawatir karna script yang akan saya berikan sudah dimodifikasi supaya tidak terlalu memberatkan loading pada blogger.

Langkah-langkah Memasang Auto Readmore pada blogger :
1. Masuk ke Blogger
2. Pilih Edit HTML
3. Selanjutnya centang "Expand Widget Template"
4. Cari kode </head> 
5. Setelah ketemu silahkan sahabat copy kode dibawah ini dan tempatkan tepat diatas kode </head>

<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 = 250;
summary_img = 200;
img_thumb_height = 100;
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>

6. Selanjutnya cari kembali kode <data:post.body/> dan ganti kode tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>    
<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:left'><a expr:href='data:post.url'>baca selengkapnya » <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
</b:if>

7. Setelah itu silahkan simpan template dan lihatlah hasilnya
Keterangan : summary_noimg = 250;     = jumlah hurup pada saat tidak ada gambar pada postingan summary_img = 200;        = Jumlah hurup pada saat terdapat gambar pada postingan img_thumb_height = 100;  = Tinggi Gambar (thumbnail) img_thumb_width = 100;  = Lebar Gambar (thumbnail)
Nah itulah Cara Memasang Auto Readmore tanpa mengganggu halaman statis yang dapat sundaboy share, semoga dapat bermanfaat bagi sahabat sundaboy. mohon maaf apabila terdapat kekurangan dalam postingan kali ini. Dan apabila sahabat mempunyai cara yang lebih baik silahkan untuk di share kepada yang lainnya.

Semoga bermanfaat terimakasih ^^