AmazingKu: Tips Membuat Read More pada Blog tanpa mengganggu halaman statis

Cara Memasang Auto Readmore - Setelah sebelumnya AmazingKu sudah membahas tentang bagaimana Cara Memasang Auto Readmore atau memasang readmore secara otomatis pada blogger, banyak kekurangan yang terdapat didalamnya, dimana Auto readmore sebelumnya tidak bisa menampilkan halaman statis.

Oleh karena itu pada kesempatan kali ini Amazingku akan berusaha memenuhi permintaan sahabat amazingku, tentang bagaimana Cara Memasang Auto Readmore tanpa menganggu halaman statis. Mungkin Auto Readmore yang akan amazingku bahas akan sedikit memberatkan loading pada tampilan halaman home blogger, tetapi sahabat jangan hawatir karna script yang akan amazingku berikan sudah dimodifikasi supaya tidak terlalu memberatkan loading pada blogger.

Perlu di ingat, sebelum memasang script Auto readmore yang akan amazingku berikan sebaiknya sahabat lakukan terlebih dahulu percobaan di blog yang lain, agar supaya tidak terjadi error yang cukup signifikan. Tetapiscript Auto readmore ini sudah amazingku uji coba ke beberapa blog milik sundaboy dan hasilnya cukup memuaskan, tanpa ada error.

Baiklah sekarang akan amazingku berikan bagaimana Cara Memasang Auto Readmore pada blogger tanpa mengganggu halaman statis milik sahabat.

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 amazingku 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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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 == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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 == "item"'><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 AmazingKu share, semoga dapat bermanfaat bagi sahabat amazingku. 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