Cara Mebuat Auto Readmore Pada Blog

          

     
           Gk Banyak Basa-Basi Dalam Artikel Ini Kita Langsung Aja Ke Tutorial Cara Mebuat Auto Readmore Otomatis
Auto Readmore Itu Fitur Blog Untuk Mempersingkat Tampilan Awal Artikel Kamu.

Caranya :  ====>>> DEMO

1. Login Ke Akun Blogger Sahabat TB
2. Pilih/Klik Rancangan
3. Pilih/Klik Edit HTML
4. Cari Kode </head> Untuk Mempermudah Mencari Gunakan Ctrl+F
5. Letakan Script Dibawah Ini, Di atas Kode </head>

Langsung aja Copy-Paste Script HMTLnya :

<script type='text/javascript'>var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script> <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>

6. Masih Pada Halaman Edit HTML ! ( Save Template Dulu ! )
7. Centang Pada  Expand Template Widget
8. Lalu Temuakan Kode <data:post.body/> Dengan Ctrl+F
9. Jika Sudah Ketemu Ganti Kode <data:post.body/> Dengan Script HTML Dibawah.

Langsung Copy-Paste Script HTMLnya :

<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>

10. Finish Tinggal Klik SaveTemplate.


Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Jika Sobat Mengalami Kesulitan Dalam Mengerjakannya Sobat Bisa Bertanya Kepada Kami Melalui Kontak Komentar.

Mohon Maaf Bila Ada Kesalahan Terhadap Script Mohon DiBeritahukan Kami Akan Selalu Membantu.