Cara Membuat Auto Read More Pada Blog

Cara Membuat Auto Read More Pada Blog

Kata Read More di adopsi dari bahasa Inggris, kalau di artikan ke dalam bahasa Indonesia berarti Baca Lagi. Apa tujuan pemasangan Read More pada Blog? Tujuan pemasanga Read More pada blog adalah untuk melakukan pemotongan atau pemenggalan beberapa postingan yang tampil di home page atau halaman beranda suatu blog. Tutorial blog kali ini, sobat blogger akan digambarkan tentang cara membuat Auto Read More pada blog atau Cara Membuat Readmore Otomatis pada Blog. Auto Read More artinya setiap post yang akan dipublikasikan, Secara langsung melakukan pemenggalan post tanpa harus di setting (ditambahkan kode) terlebih dahulu.

Cara Membuat Read more adalah sebagai berikut :

• Log In di http://www.blogger.com/
• Klik Menu Rancangan, lalu pilih Edit HTML.
• Kasih tanda Centang pada Expand Widget Template
• Copy kode di bawah ini

view plainprint?

1. <script type="text/javascript">  
2. var thumbnail_mode = "no-float" ;  
3.   
4. summary_noimg = 430;  
5.   
6. summary_img = 340;  
7.   
8. img_thumb_height = 100;  
9.   
10. img_thumb_width = 120;  
11. </script>  
12.   
13. <script type="text/javascript">  
14. //<![CDATA[ 
15.  
16. function removeHtmlTag(strx,chop){ 
17.  
18. if(strx.indexOf("<")!=-1) 
19.  
20. { 
21.  
22. var s = strx.split("<"); 
23.  
24. for(var i=0;i 
25.  
26. if(s[i].indexOf(">")!=-1){ 
27.  
28. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
29.  
30. } 
31.  
32. } 
33.  
34. strx = s.join(""); 
35.  
36. } 
37.  
38. chop = (chop < strx.length-1) ? chop : strx.length-2; 
39.  
40. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
41.  
42. strx = strx.substring(0,chop-1); 
43.  
44. return strx+'...'; 
45.  
46. } 
47.  
48. function createSummaryAndThumb(pID){ 
49.  
50. var div = document.getElementById(pID); 
51.  
52. var imgtag = ""; 
53.  
54. var img = div.getElementsByTagName("img"); 
55.  
56. var summ = summary_noimg; 
57.  
58. if(img.length>=1) { 
59.  
60. imgtag = ''; 
61.  
62. summ = summary_img; 
63.  
64. } 
65.  
66. var summary = imgtag + '
     
67.  
68.  
69.  
70. ' + removeHtmlTag(div.innerHTML,summ) + '

';

 

 

div.innerHTML = summary; 

 

} 

 

//]]>  

</script>  

• Paste kode tersebut di atas kode

Selanjutnya, Cari kode

Kalau sudah ketemu, ganti kode dengan kode di bawah ini

view plainprint?

1. <b:if cond="data:blog.pageType == "static_page"">  
2.   
3. <data:post.body>  
4. <b:else>  
5. <b:if cond="data:blog.pageType != "item"">  
6. <div expr:id=""summary" + data:post.id"><data:post.body></data:post.body></div><script type="text/javascript">  
7. createSummaryAndThumb("summary<data:post.id/>");  
8. </script> <span class="rmlink" style="float: right; padding-top: 20px;"><a expr:href="data:post.url" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=3921424807935249969">read more</a></span>  
9. </b:if>  
10. <b:if cond="data:blog.pageType == "item""><data:post.body></data:post.body></b:if>  
11. </b:else></data:post.body></b:if>  

• Klik Simpan

Tambahan :

1. summary_noimg = 430 = Post terpotong tanpa Gambar
2. summary_img = 340 = Post terpotong tetap menggunakan gambar
3. img_thumb_height = 100 = Tinggi Gambar
4. img_thumb_width = 120 = Lebar Gambar