Cara simpel Menerapkan Read More auto di Blog mudah coy..

Alangkah jengkelnya apabila saat menulis artikel yang panjang di blog dan anda coba publikasikan terlihat panjang sekali tampilan artikel dihomepage dengan menambahkan, Read More atau lebih dikenal dengan istilah Baca Selengkapnya yang sering anda lihat di setiap Blog memang lebih membantu dalam men-split artikel yang terlalu panjang dan lebar tentunya.

Bagi  anda yang menginginkan tampilan Read More Otomatis (RMO) untuk blog yang bersifat portal dan selalu up-to date bisa menggunakan 

script auto read more dibagian bawah artikel ini, dimana terdiri dari 2 (dua) rangkaian script HTML

Untuk lebih lanjut silahkan ikuti tutorial ini:

• Silahkan terlebih dahulu anda login diakun blogger anda
• kemudian masuk menu Rancangan
• Lanjut ke Edit HTML
• Jangan lupa centang  Expand Template Widget anda,  alangkah baiknya sebelum melanjutkan ke langkah berikutnya silahkan anda download full template terlebih dahulu untuk menghindari kesalahan waktu pengeditan
• Coba anda cari  kode </head>
• Silahkan anda Letakkan kode dibawah ini tepat diatas kode </head> 

<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script><br /> <br /> <script type='text/javascript'> //<![CDATA[ /****************************************** Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo visit http://en.vietwebguide.com to get more cool hacks ********************************************/ 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>

• Lanjut ketahap berikutnya, coba anda cari kode <data:post.body/> dan

          ganti dengan kode yang ada dibawah ini:

<b:if cond='data:blog.pageType != "item"'><br /> <div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span><br /> </b:if><br /> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

• Dan langkah terakhir Simpan template anda dan lihat hasilnya.

Bagi anda yang telah terlanjur menggunakan ReadMore dengan model manual, terlebih dahulu silahkan anda bersihkan sesuai default, dan anda harus menghapus kode HTML yang berwarna biru dibawah ini

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Semoga bermanfaat.......salam ngiiihuuii