Readmore itu jika di artikan kedalam Bahasa Indonesia adalah "Baca Selengkapnya". Sedangkan Fungsi Memasang Auto Readmore di Blog itu adalah supaya bisa membuat blog kita menjadi lebih elegan, rapih dan juga membuat pengunjung lebih mudah ketika mencari artikel atau postingan yang lain pada blog kita, mungkin sobat pernah mengunjungi sebuah blog atau web yang tidak menggunakan Fitur Auto Readmore jika hendak mencari artikel lain akan membuat pengunjung susah. Perlu diketahui oleh sobat dengan Memasang Readmore Otomatis pada Blog ini akan memotong artikel atau tulisan yang berada di depan dan sobat juga nanti bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan. Oke langsung saja sobat ikuti tutorialnya berikut ini :
Cara Membuat Readmore Otomatis di Blog
1. Login dulu ke blogger sobat seperti biasa.
2. Masuk ke Editor HTML ( Template -> klik Edit HTML)
3. Cari kode </head> (Untuk mempermudah pencarian gunakan CTRL + F )
4. Copy lalu letakan kode dibawah ini tepat di atas kode </head>
<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 150; summary_img = 150; img_thumb_height = 80; img_thumb_width = 120; </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>
Keterangan Kode yang berwarna merah :
6. Gantikan kode <data:post.body/> dengan kode dibawah ini.
Keterangan :
- summary_noimg = banyaknya huruf jika tidak ada gambar
- summary_img = banyaknya huruf jika ada gambar
- img_thumb_height = Ukuran tinggi gambar
- img_thumb_width = Ukuran lebar gambar
6. Gantikan kode <data:post.body/> dengan kode dibawah ini.
<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'> <a expr:href='data:post.url'><b>Baca Selengkapnya</b> → <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>
Keterangan :
- Tulisan yang berwarna bisa sobat ganti sesuai dengan selera.
7. Save dan lihatlah hasilnya.
Sekian Tutorial Blogger dari Blog Pintasku Mengenai Cara Membuat Readmore Otomatis di Blog. Semoga tutorial ini bisa bermanfaat untuk semuanya. Terimakasih
