Cara Membuat Read More Pada Blog

Kadang mata terasa pegel kalo liat halaman web yang teksnya panjaaaaaaang bener. Bermula dari itu aku mau kasih tips cara menambahkan 'Read More' pada blog sehingga di halaman utama akan ......

Ini dia langkah-langkahnya :

• Login dulu di akun blogger anda
• Pilih menu Rancangan dan klik Edit Html
• Jangan lupa centang Expand Template Widget
• Untuk menghindari hal-hal yang tdak diinginkan maka backup dulu script tersebut
• Lalu cari kode </head> biar mudah pencarianya tekan Ctrl + F 
• Tambahkan kode berikut ini tepat diatas kode </head> tadi

<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 yang 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

• Selanjutnya  cari kode <data:post.body/> lalu hapus teks tersebut dan ganti dengan kode script 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;READMORE...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Pastikan semuanya sudah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya. MUDAH KAN? ^_________^