Cara Membuat "Baca Selengkapanya" Otomatis di Blogger

Cara Membuat "Baca Selengkapanya / Read More" 

Secara Otomatis di Blogger

Assalamu'alaikum. Mohon maaf, saya baru sempat berbagi ilmu tentang Cara Membuat "Baca Selengkapanya / Read More" Secara Otomatis di Blogger  karena kemarin Hari Raya idul Adha 1433 H, saya kebanyakan makan daging Kambing jadinya kepala pusiiiiiiiiing. (makanya jadi orang gak boleh serakah yaaa....Hehehehehe). Tutorial kali ini merupakan lanjutan tutorial kemarin yaitu Cara Membuat Read More / Baca Selengkapnya Pada Blogger Secara Manual. Yap....kita tancap gas.........
Langkah untuk membuatnya sebagai berikut :
1. Masuk ke Hakaman Templete

2. Sebaiknya Templete di Backup dulu, jaga-jaga kalau terjadi kesalahan mengedit dan  
    kita bisa mengembalikan ke Tempele sebelumnya dengan Backup tersebut. Adapun
    cara Backup atau  " Cadangkan /  Pulihkan " Template yaitu :

     a. Klik " Cadangkan / Pulihkan " seperti gambar diatas

     b. Klik " Unduh template lengkap " 

     c. Klik "Save file" lalu klik "Ok" maka otomatis akan menyimpan

3. Selesai cara mem Backup data Template

4. Klik Edit HTML seperti gambar pertama diatas

5. Lalu klik Lanjutkan 

6. Lalu centanglah tulisan "Expand Template Widget" 
7. Carilah kode </head> , supaya cepat carinya saja pakai keyboard tekan Ctrl +  F

 8. Kalau sudah ketemu lalu tambahkan kode berikut tepat diatas kode </head> atau 

     dibawah kode ]]></b:skin> atau ada juga dibawah <b/:template-skin
  

<!-- kode Read More --> <script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 230; summary_img = 250; img_thumb_height = 60; img_thumb_width = 60; </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>

9.    Kemudian Carilah kode <data:post.body/> supaya cepat carinya saja pakai 
       keyboard  tekan Ctrl +  F
10.  Kalau sudah ketemu tambahkan kode berikut tepat dibawah kode
       <data:post.body/>  atau diatas kode penutup </b:if>

script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script><span class='rmlink' style='float:right;padding-top:20px; border:1px solid #fff;'> <a expr:href='data:post.url'><img src='https://lh4.googleusercontent.com/-SHGfBXdyYmc/T-x3Y42UB1I/AAAAAAAADhM/RxCSk4FSDKE/s74/readmore_thumb.gif'/></a></span>

 11. Lalu klik "Pratinjau" jika ingin melihat hasilnya atau klik "Simpan 
       Template" jika ingin menyimpan atau mengakhiri pengeditan

* Selamat Mencoba *