Cara Membuat Read More Otomatis di Blog

Blog ini sekarang banyak membahas tentang tutorial blogspot, dan yang dibahas adalah cara membuat read more pada postingan blog, dalam keadaan blog itu jika telah terjadi tentu tidak langsung tertulis saja, tapi perlu dilakukan beberapa perubahan semisal menambah read more otomatis uk mempercantik tampilan. Tetapi jika anda menggunakan template dari situs tempat download template, bisa dikatakan hampir semua sudah menggunakan read more otomatis sehingga tutorial ini mungkin kurang menarik untuk anda.

Cara Membuat Read More Otomatis di Blog :

1. Masuk ke blog anda.
2. Pilih menu “template”.
3. Klik “edit template”.
4. Setelah itu cari kode </head>, gunakan Ctrl+F untuk mempermudah. Lalu copas 
    kode di bawah ini tepat di bawah kode </head>:

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://deddycamp.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Keterangan: Untuk kode yang berwarna biru bisa anda ganti sendiri
- summary_noimg = 430 = adalah tinggi artikel terpenggal tanpa image.
-  summary_img = 340 = adalah tinggi artikel terpenggal dengan image.

5. Setelah selesai, cari kode <data:post.body/> atau bisa juga dengan kode <p><data:post.body/></p>. Jika sudah ditemukan, ganti kode tersebut dengan kode 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'><img alt='read more'src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan: Untuk kode yang berwarna hijau, merupakan kode gambar dari animasi readmore yang akan ditampilkan pada blog anda. Anda bisa saja menggantinya sesuai dengan tampilan animasi readmore yang anda inginkan. Jika ingin menggantinya, klikdisini