1. Silahkan anda Login ID Blogger anda
2. Silahkan Klik Rancangan --> Klik Edit HTML, centang pada kotak Expand Widget Template.
3. Silahkan anda cari kode seperti ini < /head> kemudian masukkan script di bawah ini persis dibawah kode 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://deddycamp.googlecode.com/files/read-moreotomatis.js'
type='text/javascript'/>
Keterangan : Tulisan yang berwarna merah adalah yang bisa anda ganti.
- Summary noimg 430 = tinggi artikel terpenggal tanpa image
- Summar img 430 = tinggi artikel terpenggal dengan image
4. Cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
, kalau di blog contoh menggunakan <p><data:post.body/></p>
Ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </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 == "item"'><data:post.body/></b:if>
Keterangan : Tulisan
yang berwarna merah adalah link gambar, anda bisa ganti dengan link
gambar sesuka anda, untuk mendapatkan gambar animasi Readmore anda bisa
lihat Disini
Jika sudah semua silahkan Klik Simpan Template, selesai
Jika sudah semua silahkan Klik Simpan Template, selesai
Sekian dulu Artikel sayafafan tentang Cara Membuat Read More Jadi Lebih Keren
Tidak ada komentar:
Posting Komentar