Read more pada blog sangat penting untuk kita tampilkan.
Selain membuat blog kita semakin rapi tetapi juga ringkas.
Jika blog sobat ingin menambahkan read more otomatis,
Di bawah ini caranya:
1. Login Blog
2. Template
3. Centang expand widget
4. letakkan kode ini, di atas </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://projectloss.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
5. Ganti kode <data:post.body/> atau <p><data:post.body/></p> 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/><br/>
</b:if>
6. Simpan
Apabila read more nya di gantikan dengan gambar,
di bawah ini caranya:
Kode yang menggantikan <data:post.body/> atau <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>Kemudian simpan.
<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'><img alt='Read More..' src='http://images.cooltext.com/2342358.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
url image di atas demikian gambarnya
Ganti gambar sesuai kenginan.
Semoga tutorial cara membuat read more otomatis pada blog nya bermanfaat.
0 comments