Cari Blog Ini

Senin, 03 Juni 2013

Cara Membuat Readmore Otomatis Di Blog

Cara Membuat Readmore Otomatis Di Blog

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Readmore Otomatis Di Blog. Tombol Readmore / More About / Baca Selanjutnya yang kita bahas ini hanya Dengan Tulisan saja Bukan Gambar. Namun, jika anda ingin membacanya, waktu luang saya akan membuatnya secara rinci dan singkat. Oke, kembali ke topik, Membuat Readmore Otomatis berada pada blog anda sangat mudah sekali, dengan hanya mengikuti Tutorial yang ada di ViperGoy kalian akan bisa. Oke dari pada banyak basa basi kita lanjut ke Topik Utamanya. Cekidott.....

Cara Membuat Readmore Dengan Tulisan :

1. Buka >> www.BLOGGER.com
2. Klik Menu Dropdown
3. Pilih Template
4. Kemudian Klik " Edit HTML "
5. Setelah itu, Copy Kode HTML dibawah ini dan Paste Diatas Kode </head>
<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>

6. Setelah itu, Cari Kode HTML <data:post.body/> dan Ganti Kode tersebut dengan Kode dibawah ini :
<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>More About</b> → <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>

7. Save dan Selesai sudah.

7 Tutorial Membuat Readmore Otomatis Dengan Tulisan Di Blogger bisa anda dapatkan dan terapkan sekarang juga. Cara ini juga sudah diterapkan oleh Thesis Seo Blogger Template yang dipakai oleh Blog Demo ViperGoy , Mau lihat jelas dan penasaran dengan hasil akhir membuat readmore ? langsung saja kesini :


Blog Demo saya juga sudah menerapkan dan juga sebagai Testimoni Membuat Readmore Otomatis di blog saya, jadi tunggu dan meragukan apa lagi ? langsung saja deh ke TKP langsung....

Sekian dari ViperGoy Blog. untuk artikel ini semoga anda mendapatkan Ilmu yang berkualitas tentang Tutorial Blog. Terima Kasih.

Tidak ada komentar:

Posting Komentar