Cara Membuat Read More Pada Blog

Okay,,
Tips blog kali ini saya bahas tentang cara pembuatan Read More pada blog, seperti contoh dibawah :

Demo nya di blog ini sendiri, tanpa basa-basi langsung saja ke cara pembuatan.

• Silahkan login ke blog sobat sekalian
• Untuk jaga-jaga takut ada kesalahan, silahkan Dowload lengkap template blog, atau Copas dulu ke notepad template yang akan di edit.
• Silahan cari kode </head>  ,CTRL+F untuk mempermudah pencarian
• Jika sudah ketemu silahkan Copas kode dibawah ini tepat dibawah 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 :
Pada kode diatas yang berwarna Biru adalah besar Artikel, baik gambar maupun artikel tanpa Gambar

• Kemudian cari kode <data:post.body/> atau <p><data:post.body/><p> ganti kode tsb dengan kode berikut :

<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 :
Kode yg berwarna merah adalah alamat gambar read more, anda bisa mengganti sesuai dengan keinginan sobat sekalian.. :p

• Semoga bermanfaat . . .