Setelah sebelumnya saya pernah share cara Membuat Tulisan Poskan Komentar Di Blog Lebih Menarik, kali ini saya aka share cara membuat read more di blog. Cara ini akan berlaku untuk semua posting, jadi cukup hasa sekali saja maka akan otomatis ada di setiap posting. Nantinya hasilnya akan menjadi seperti gambar di bawah ini. ( gambar ini saya ambil dari blog saya yang lain yaitu Modul MYOB Online ).
 |
| Mudah Membuat Read More di Blog |
Langsung saja simak cara membuatnya.
- Silangkan Log In ke akun blog anda.
- Masuk ke Rancangan > Edit HTML
- Sebelum melanjutkan ke langkah berikutnya, alangkah baiknya jika anda backup dulu template anda, agar jika ada kesalahan tidak berpengaruh ke blog anada dengan cara klim Download Full Template.
- Centang Expand Template Widget.
- Cari Kode </head>, kemudian masukkan kode di bawah ini di bawah 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
6. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>
Ganti kode di atas dengan kode di bawah ini :
Ganti kode di atas 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
7. Terakhir tentunya simpan template anda dengan klik tombol Save Template.
Catatan : 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
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll.
Demikian tips cara membuat read more di blog,
Semoga Bermanfaat.
<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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
7. Terakhir tentunya simpan template anda dengan klik tombol Save Template.
Catatan : 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
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll.
Demikian tips cara membuat read more di blog,
Semoga Bermanfaat.
