Cara Membuat Auto Read More

Wah sudah lama sekali tak mencurahkan tulisan ke blog tercinta ... em em em bikin ini aja cara memasang auto read more pada postingan blogger.

Caranya cukup mudah dan simpel :

1. Log in ke akun blogger sobat.
2. Pilih Rancangan -- Klik Edit HTML -- Centang Expand Widget Template (jangan lupa download dulu template anda untuk mengurangi resiko kesalahan penulisan script)
3. Cari kode </head>dan letakkan kode dibawah ini sebelum kode tersebut.
   
   <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; 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>
   
   
4. Kemudian cari kode berikut <data:post.body/> atau <p><data:post.body/></ p>  apakah sudah ketemu? apabila sudah silakan ganti kode tersebut dengan kode di bawah 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:right'><a expr:href='data:post.url'><br/><b>Read More … </b></a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
5. Save template anda

nah sudah selesai selamat mencoba

Related Post Cara Membuat Auto Read More

Tips and Trik Blog

• Cara Membuat Drop Down Menu Pada Mobile View Blogger
• Cara Membuat Link Bergoyang / Nudging Otomatis
• Cara Menambah Gadget di Atas / Bawah Posting
• Cara Membuat Tab Content Mudah dan Simple
• Cek SEO Your Page WEB/BLOG
• Cara Memasang Subscribe Via Email
• Kode Warna
• Blogger Versi Mobile 2
• Cara Membuat Tulisan Berjalan Pada Addres Bar
• Cara Membuat Text Berjalan Mengetik / Typing Text
• Cara Mempercantik Tulisan Pada Cbox
• Cara Membuat Blog Versi Mobile
• code box
• Cek seberapa berat loading blog anda
• Cara Membuat Read More Tanpa Kode Script
• Code Converter
• Cara Menulis Code Scipt Pada Postingan
• Cara Membuat Warna Link Pelangi
• Cara Memasang Animasi Label Berputar
• Cara Memasang Sreen Saver / Energi Saving Di Blog
• Cara Memasang Statistik Blog/Counter Blog
• Cara Memasang Jam Di Blog
• Cara Membuat Tulisan Berjalan/Efek Marque
• Cara Memasang Daftar Isi Blog Pada Halaman Posting