Cara Membuat Auto Read More Di Blog

Cara Membuat Auto Read More Di Blog

Apabila sahabat sudah memasang Auto Readmore sebelumnya, maka silahkan sahabat kembalikan terlebih dahulu Auto Readmore yang sudah sahabat pasang seperti semula, ini dilakukan supaya pemasangan Auto Readmore yang akan sundaboy berikan tidak terjadi error.

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 saya 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. terimakasih

Apabila sahabat sudah  memasang Auto Readmore  sebelumnya , maka silahkan sahabat kembalikan terlebih dahulu  Auto Readmore  yang sudah saha...