Cara Membuat Readmore Otomatis

Sebenarnya sudah banyak postingan yang membahas bagaimana membuat readmore otomatis di blogspot. Itung-itung untuk memperbanyak postingan di blog ini dan juga meramaikan hasil pencarian di Google, maka penulis sengaja untuk melakukan posting tutorial cara membuat readmore otomatis ini

1. Pertama login dahulu ke akun ~~Facebook~~ Blogger anda.

2. Selanjutnya masuk ke dalam menu edit html.

3. Centang tulisan Expand Widget Templates.

4. Kemudian letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 310; img_thumb_height = 100; img_thumb_width = 140; </script>

<script type='text/javascript'>

//<![CDATA[

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>

5. Selanjutnya, ganti kode <data:post.body/> dengan kode di bawah ini:

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<div expr:id='"summary" + data:post.id' style='text-align:justify;'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");

</script>

<div class='readmorecontent' style='float:right'><a expr:href='data:post.url'>Read more »</a></div></b:if>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

6. Terakhir Simpan Template

Keterangan :

430 = jumlah karakter yang ditampilkan jika tanpa gambar

310 = jumlah karakter yang ditampilkan dengan gambar

100 dan 140 = besar kecilnya gambar

Sesuaikan dengan template blog anda agar serasi

2 comments:

Uem CutersNovember 7, 2012 at 12:59 AM
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Mohon berkomentar sesuai dengan artikel yang ada. Komentar yang berisi link yang menuju ke sebuah halaman dan mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.

IstiawanBLOG DotCom

Pages

Cara Membuat Readmore Otomatis

Related Post :

2 comments: