Nah pada kesempatan kali ini saya akan membagikan trik blog yaitu membuat read more pada blog. Nah langsung saja biar gak terlalu basa-basi, berikut carany :
1. Masuk ke account blog sobat.
2. Pilih menu Rancangan.
3. Edit Html, centang Expand widget default.
4. cari kode </head>, biar gampang tekan Ctrl + F3.
5. lalu masukan kode dibawah ini tepat dibawah 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
6. Lalu cari kode
<data:post.body/>.7. Lalu ganti kode tersebut dengan kode
<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>
8. Kemudian Save template kamu.
Keterangan :
Ganti tulisan READMORE....... dengan selera kamu.
Summary_ noimg = adalah artikel yang terpotong tanpa Gambar bisa diganti sesuai dengan selera.
Summary_img = adalah artikel yang terpotong dengan Gambar bisa diganti sesuai selera.
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Membuat Read More pada Blog"
Posting Komentar