Cara Membuat ReadMore sederhana
Tutorial Cara Membuat Readmore pada postingan blog secara otomatis.
Mungkin cara membuat read more ini sudah banyak yang mengetahui tapi bagi yang belumb isa mengikuti tutorial berikut ini.
Mungkin cara membuat read more ini sudah banyak yang mengetahui tapi bagi yang belumb isa mengikuti tutorial berikut ini.
- Log in ke acount blogger anda kemudian pilih Edit Html.
beri tanda ceklis pada bacaan "Expand Widget Template"
- Cari kode </head> kemudian masukkan script di bawah ini di atasnya kode </head>.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 330; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
3. Cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p> Ganti kode tersebut 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'>»»  Read More...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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/></b:if>
Catatan :
Kalian bisa mengganti Tampilan read more nya, dengan keterangan sebagai berikut :
- Read more bisa anda ganti dengan Baca Semua, Baca Selengkapnya, full read, Read All,dll...
- Summary noimg 430 = tinggi artikel terpenggal tanpa image
- Summar img 430 = tinggi artikel terpenggal dengan image
''SeLamat Memcoba''
Categories:
tips dan trik
0 comments:
Post a Comment