New Automatic Read More

Dibilang Automatic karena kita tidak perlu lagi menggunakan cara lama dan manual dengan masih harus memenggal bagian posting dengan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span>.
Fungsi tersebut telah digantikan secara automatis tanpa harus repot mencari dan memenggal dimana bagian posting yang akan dipotong, dus otomatis pemengglan bekerkja otomatis tanpa perlu lagi menambahkan kode kode yang lain.
Kekurangannya New Automatic Read More ini hanya satu, yakni hanya diset terbatas pada kalimat 250 karakter.
Kelebihannya, mampu menampilkan dan meload image pertama dalam postingan meskipun image tersebut diletakkan ditengah atau akhir posting.

Cara pasangnya sbb :
  • Langsung ke EDIT HTML
  • Cari kode </head>
  • Letakan kode yang berwarna merah dibawah ini tepat di atas kode </head>.
  • Simpan

<script type='text/javascript'>
var thumbnail_mode = "float" ; jika menghendaki image berada di kiri jika tidak ganti dengan “no float”
summary_noimg = 250; penetapan jumlah karakter dalam posting tanpa image
summary_img = 250; penetapan jumlah karakter dalam posting dengan image
img_thumb_height = 120; tinggi atau height image
img_thumb_width = 120; lebar atau width image
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)
visit
********************************************/
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>


Jangan beralih dulu dari halaman EDIT HTML.
  • Centang ‘Expand widget template’
  • Cari kode <data:post.body/>
  • Ganti kode tersebut dengan kode dibawah ini

<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'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Simpan dan selesai.

Terinspirasi dari:

0 comments:

Post a comment