Cara Membuat Read More Otomatis

Sobat blogger, tutorial kali ini adalah membuat read more otomatis pada blogspot.  tanpa adanya Read More, maka home page atau halaman depan blog sobat akan terlihat kurang efektif, terlalu panjang ke bawah postingannya, loading blog juga akan menjadi berat, dan lainnya. Langsung saja langkah-langkah cara untuk membuat read more otomatis sebagai berikut :

1. Login ke dashboard blog anda
2. Pilih tab Rancangan lalu pilih Edit HTML
3. Centang Expand Template Widget
4. Cari kode ... <data:post.body/> ... untuk mempercepat pencarian tekan Ctrl + F pada keyboard
5. Ganti kode  <data:post.body/>  tersebut dengan kode dibawah 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'><b>Read More</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



Kata "Read More" bisa sobat ganti dengan kata "Selengkapnya" atau kata lainnya sesuai selera
Selanjutnya cari kode </head>
Copy kode di bawah dan letakkan tepat di atas kode </head> tadi



<script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 250; summary_img = 220; img_thumb_height = 120; img_thumb_width = 220; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"... "}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; //]]> </script>


6. Klik Simpan Template dan klik Lihat Blog untuk melihat hasilnya

Demikian tutorial cara membuat read more otomatis untuk blogger. Semoga bermanfaat.

Artikel Terkait :