Cara Membuat Auto Read More Pada Blog

Author : Oktavialei

Auto Read More hack atau bisa di sebut juga langsung melompat ke link artikel, biasa digunakan untuk memotong artikel lengkap menjadi dua bagian di bagian pertama dari teks dan gambar yang ditampilkan di halaman depan atau homepage. Ketika sobat membuat sebuah posting mungkin akan terlalu panjang jika di tampilkan semua di halaman hompage, maka dari itu, sekarang saya akan membantu sobat untuk memotong sebagian artikel teks dengan auto read more, maka sekarang apa yang harus sobat lakukan? yah sobat harus harus menambahkan <! - more -> atau dalam bahasa indonesianya <lebih lanjut>, atau klik pada link Langsung untuk melihat selengkapnya. Di sini saya akan menunjukkan kepada sobat bagaimana untuk menempatkan secara otomatis membaca lebih lanjut posting Blogger. Dalam Automatic read more hack .

Oke kita langsung bagaimana caranya :

• Masuk akun blogger
• Backup template untuk jaga-jaga error
• Pilih menu Template dan klik Edit HTML
• Cari kode </ head>
• Salin kode di bawah ini dan letakan tepat di atas kode </ head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>




<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;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>




<span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</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>

• Sekarang cari kode <data: post.body /> kalo sudah ketmu lalu ganti dengan kode dibawah ini
• Jika sobat menemukan lebih dari satu kode <data: post.body /> silahkan pilih salah satu,kalo tidak berhasil, coba satu per satu.

<script type='text/javascript'>







posts_no_thumb_sum = 490;







posts_thumb_sum = 400;







img_thumb_height = 160;







img_thumb_width = 180;







</script>







<script type='text/javascript'>







//<![CDATA[







function removeHtmlTag(strx,chop){







if(strx.indexOf("<")!=-1)







{







var s = strx.split("<");







for(var i=0;i<s.length;i++){







if(s[i].indexOf(">")!=-1){







s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);







}







}







strx = s.join("");







}







chop = (chop < strx.length-1) ? chop : strx.length-2;







while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;







strx = strx.substring(0,chop-1);







return strx+'...';







}







function createSummaryAndThumb(pID, pURL, pTITLE){







var div = document.getElementById(pID);







var imgtag = "";







var img = div.getElementsByTagName("img");







var summ = posts_no_thumb_sum;







if(img.length>=1) {







imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';







summ = posts_thumb_sum;







}









var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';







div.innerHTML = summary;







}







//]]>







</script>









<b:if cond='data:blog.pageType != &quot;static_page&quot;'>







<b:if cond='data:blog.pageType != &quot;item&quot;'>







<style type='text/css'>







.post-footer {display: none;}







.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}







 .readmore a {text-decoration: none; }







</style>







</b:if>







</b:if>

• Sekarang klik simpan template.

sekian artikel cara membuat auto read more pada blog, semoga artikel ini membantu, jika ada keluhan dalam tutorial, silahkan tanyakan di kolom komentar. :)