Cara Membuat Read More Gambar di Blogspot Otomatis

    Lama juga gak posting di blog sebulan ini gwe sibuk dengan sekolah o... iya langsung aja di simak mumpung internet cepet. Cara membuat readmore di blog terbaru secara otomatis saya jelaskan lengkap di sini baik itu berbentuk catatan ataupun berbentuk button/tombol yang dibarengi dengan gambar ( image ).

Cara Membuat ReadMore di Blogger

1. layaknya biasa, login ke account blogger anda

2. klik rancangan

3. tentukan ubah html

4. beri cantang/ceklis kotak expand widget template

5. mencari kode </head> ( pakai ctrl + f untuk meringankan pencariah )

6. lantas masukkan kode di bawah ini debawah 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'/>

 7. langkah setelah itu mencari kode <data:post.body/> atau <p><data:post.body/></p>
bila anda pingin bikin readmore otomatis menggunakan image atau gambar, hapus kode tesebut serta ubah 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'><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://super-bee.blogspot.com'>| <em>Supported link</em> |</a></p></b:if>

8.klik pratinjau untuk lihat akhirnya bila telah sesuai
9. save.
dmikian cara membuat readmore terbaru di blogger semoga bermanfaat.

| Supported link |