Kali ini saya ingin berbagi tips dan trik tentang bagaimana cara membuat read more otomatis.
Dengan adanya read more , kita dapat memberi ketentuan pada berapa
ketinggian atau panjang posting yang baru kita posting. itu bertujuan
untuk menampil kan postingan terlihat lebih menarik dan rapi. tips ini
sebenarnya mungkin sudah banyak yang tau tapi bagi yang belum tau
Silakan.. dicoba...
- Silakan login blog Kamu.
- pilih Rancangan
- klik Edit HTML
- berikan tanda centang pada Expand Widget Template...
- Kemudian cari kode </Head> bila ingin cepat tekan tombol CTRL+F
- letakkan script dibawah ini persis di bawah kode </Head> ini..
<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'/> |
Selanjutnya ...
Cari kode html <data:post.body/> atau <p><data:post.body/></p> . .
Udah dapat ...???
...udah dapat belommm Ditanya kok gag dijawab....eeee...
kalau dah dapat ganti kode tersebut dengan kode scipt dibawah 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'>»»  Selanjutnya...</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> |
Keterangan : tulisan yang berwarna Biru adalah yang bisa anda ganti.
^^>> Summary noimg 430 = Tinggi artikel terpotong tanpa gambar
^^>> Summar img 430 =Tinggi artikel terpotong dengan gambar
Selanjutnya dapat anda ganti dengan apa saja yang ingin tulis contohread more ,fullread
Terakhir dapat anda klik Save Template....
Lihat hasilnya....
Semua yang anda postingkan akan muncul tulisan Selanjutnya atau Read more Secara otomatis...
Semoga bermanfaat..
Sumber : http://zona-klik.blogspot.com