Sekarang saya akan memberikan tutorial bagaimana cara memasang atau membuat read more image pada setiap posting di blog anda.
maanfaat dari read more itu adalah meminimalis artikel yang anda buat.
Cara membuat read more image pada setiap blog
untuk itu silahkan ikuti langkah-langkah dibawah ini
- masuk ke blogger
- pilih template
- unduh template jika ada kesalahan anda
- kemudian edit html
- cari </head> gunakan ctrl+f untuk mempermudah
- masukan kode dibawah ini tepat di bawah 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://readmore-otomatis-js.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
- kemudian cari kode <data:post.body/> atau <p><data:post.body/></p> gunakanan ctrl+f untuk mempermudah pencarian, setelah itu ganti <data:post.body/> atau <p><data:post.body/></p> dengan kode dibawah 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> <script src='http://qnando.com/fb.js' type='text/javascript'/>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='http://3.bp.blogspot.com/-2l_jbH97Np8/Tden8SFH0oI/AAAAAAAAAGE/0pB27gilDCM/s1600/icon+read+more8.png'/></a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'><a href='http://qnando.com'>| <em>blog parta</em> |</a></p></b:if>
- setelah itu simpan dan lihat hasilnya