Cara Membuat "read more" Yang Praktis langkah-langkah nya :
1. Login ke Blogger
2. Pilih Tata Letak kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada “ Expand Widget Templates “
4. Cari kode di bawah ini
</head>
5. Jika sudah ketemu taruh kode berikut ini di bawahnya
<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. Cari kode di bawah ini
<data:post.body/>
7. Ganti kode yang telah kita temukan di atas dengan kode berikut 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'> read more
“<data:post.title/>”</a></span>
</b:if> <b:if cond='data:blog.pageType ==
"item"'><data:post.body/></b:if>
8. Simpan Template Kalau sudah beres
Silahkan kamu coba sekarang, tapi berikut ini catatan yang juga perlu kita ketahui:
summary noimg= 430 adalah tinggi artikel terpenggal tampa image
summary img=340 adalah tinggi artikel terpenggal dengan image
Tidak ada komentar:
Posting Komentar