Pada postingan kali ini saya akan membahas tentang membuat read more otomatis. Sebelumnya saya akan membahas tentang read more terlebih dahulu. read more berguna untuk membatasi bagian dari postingan, sehingga potongan postingan berikutnya dapat dibaca dengan mengklik tombol / text read more itu sendiri.
Dengan menggunakan fungsi readmore kita dapat memaksimalkan halaman utama blog, sehingga halaman utama dapat menampilkan lebih banyak artikel. Langsung saja, cekidot....
Berikut langkah-langkahnya :
1. Buka www.blogger.com, login ke akun blog anda
2. Klik template
3. Lalu klik "Edit HTML"
4. Beri cantang pada kotak "Expand Widget Template"
5. Cari kode </head> ( Gunakan Ctrl + f untuk memudahkan pencarian )
6. Masukkan kode berikut ini tepat di bawah kode </head>
8. Ganti kode tersebut dengan kode di bawah ini :1. Buka www.blogger.com, login ke akun blog anda
2. Klik template
3. Lalu klik "Edit HTML"
4. Beri cantang pada kotak "Expand Widget Template"
5. Cari kode </head> ( Gunakan Ctrl + f untuk memudahkan pencarian )
6. Masukkan kode berikut ini tepat di bawah kode </head>
<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://readmore-otomatis-js.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>7. Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p>
<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'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'><strong><a href='http://nama_blog_anda.blogspot.com'>| <em>Supported?</em> |</a></strong></p></b:if>
0 comments:
Posting Komentar