Cara Membuat Read More Otomatis pada Blog, Blogger dan Template Dengan Scrip Simple

Nah pada tulisan Kali ini saya coba menshare bagaimana cara membuat Read More Otomatis pada Blog. Read More otomatis ini adalah read more yang memenggal kalimat secara Otomatis dalam setiap posting baik posting yang bergambar maupun yang tidak bergambar. Langkah membuat read more ini sangat mudah tinggal mengkopi paste kode scrip di bawah ini ke dalam template blog anda

Berikut Langkah-langkah memasang Read More:
1. Silahkan Login di akun blogger anda

2. Lalu klik Rancangan dan klik Edit HTML
3. Jangan lupa untuk mencentang Expand Template Widget 
4. Untuk menghindari hal2 yang tidak diinginkan maka simpan terlebih dahulu template anda

5. Kemudian Cari kode </head>, untuk mempermudah pencarian kode nya anda tekan aja ( CTRL + F )

6. Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat DIATAS kode </head> tersebut.

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Bila anda ingin merubah ukuran pada Read More di Blogger anda tersebut, kamu tinggal merubah di bagian-bagian kode berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.  

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar    
summary_img = 340; adalah tinggi potongan artikel dengan gambar  
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail 

7. langkah Selanjutnya cari kode <data:post.body/>  biasanya kode ini terdapat 2 atau 3 pada template, kemudian ganti  <data:post.body/> yang paling terakhir dengan scrip di bawah ini 

<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;);</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READ MORE...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

Dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera anda. setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya. TERIMAKASIH.