Membuat Auto Readmore Blogspot

Loncat ke form komentar

Tulisan yang berhubungan dengan Membuat Auto Readmore Blogspot ...

Memotong tulisan yang panjang di sebuah blog, seakan menjadi hal wajib. Karena dengan menampilkan sebagian informasi saja, akan membuat rasa penasaran pembaca terhadap materi yang disampaikan semakin tinggi. Benarkah?

Jawabanya kembali kepada anda. Nah jika anda ingin membuat auto readmore atau memangkas tulisan secara otomatis tanpa harus meletakkan code <span Class="fullpost"> dan </span> lagi, pada saat melakukan posting; maka silahkan gunakan langkah berikut.

1. Silahkan login ke blogspot anda atau klik disini untuk login ke blogger.com
   
2. Langsung tuju Design ==> Edit HTML dan centang kotak kecil dengan option Expand Widget Templates
   
3. Jangan lupa backup dulu template anda dengan mengklik download full template
   
4. Silahkan copy code berikut:

   <script type='text/javascript'>
   var thumbnail_mode = &quot;float&quot; ;
   summary_noimg = 250;
   summary_img = 200;
   img_thumb_height = 120;
   img_thumb_width = 120;
   </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. Letakkan (paste) code pada no 4 tadi persis diatas code : </head>
   
6. Lalu carilah code <data:post.body/>
   
7. Gantilah code <data:post.body/> tadi dengan code di bawah ini.
   

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

   
   
8. save template anda. Dan lihat hasilnya......

Jika anda merasa berkenan dengan tulisan ini, silahkan tinggalkan komentar anda. Jika anda bermaksud me - Republish tulisan ini juga silahkan. Dan Jika anda sudi memberikan link tautan ke http://www.sawasanganam.com/ dengan anchor text sawasanganam, itu akan saling menguntungkan tuk kita semua