Cara Membuat Readmore Otomatis di Blog
Kegunaan
readmore 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. Centang tilisan Expand
3. Cari kode </head>, dan letak kode ini diatasnya:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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'><b>Baca
Selengkapnya</b> → <a
expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><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
di blog anda. Wordpress, website, blogger pemasangannya berbeda-beda.
Terima kasih telah membaca artikel ini. :)
| Dikirim Oleh: | |
| Nama Pengirim | Bagus Prehan |
| URL Blog Pengirim | http://sibloggerklaten.blogspot.com/ (Blog Telah Dihapus) |
| Sumber Artikel | http://sibloggerklaten.blogspot.com/2013/03/cara-membuat-readmore-otomatis-di-blog.html (Blog Telah Dihapus) |
| Email | bagusprehan@gmail.com |