Sunday, March 31, 2013

Cara Membuat Readmore Otomatis di Blog

Cara Membuat Readmore Otomatis di Blog - Seringkali kita melihat kata Readmore/Baca selengkapnya di homepage blog seseorang. Kegunaan redmore adalah untuk meringkas artikel dihalaman utama blog kita. Jika kita baru membuat blog pertama kali dan memposting sebuah artikel pasti halaman blog kita akan melihat deretan artikel yang panjang. Fungsi readmore adalah seperti itu, memotong sebagian artikel untuk ditampilkan dihalaman utama.

Secara ringkas fungsi readmore adalah:
  • Menghemat ruang pada tampilan halaman utama blog/website.
  • Menjadi lebih elegan dan interaktif.
  • Menambah pageviews artikelyang dibaca pengunjung.
  • Menambah link anchor terhadap judul.
Berikut Cara Membuat Readmore yang lebih berkualitas terhadap SEO:
1. Login ke Blogger > Template > Edit HTML
2. Tekan Ctrl+F
3. Cari kode </head>, dan letak kode ini diatasnya:

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

4. Ganti kode <data:post.body/> ( yang pertama ) pada template anda, dengan kode berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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>Baca Selengkapnya</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

5. Klik Pratinjau/Preview unutk melihat hasilnya, jika sudah terpasang dengan benar klik Save Template.

Demikian artikel Cara Membuat Readmore Otomatis di Blog pada artikel diblog anda. Wordpress, website, blogger pemasangannya berbeda-beda.
Terima kasih telah membaca artikel ini. :)

Related Posts

Cara Membuat Readmore Otomatis di Blog
4/ 5
Oleh