Membuat Auto Read More Bergambar

1.) Silahkan anda masuk ke akun blogger anda
2.) Selanjutnya anda masuk ke Template > Edit Html > Lanjutkan
3.) Setelah itu anda Backup dulu template anda, dan klik download template lengkap
4.) Jangan lupa centang tanda Expand Widget Template
5.) Cari kode </head> caranya yaitu Tekan Ctrl dan F, lalu cari kode </head>
6.) Setelah kode </head> ketemu, masukkan kode dibawah ini tepat dibawah kode </head>

Kode

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 450; summary_img = 360; img_thumb_height = 110; img_thumb_width = 130; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

7.) Kemudian setelah itu carilah kode <data:post.body/> 

8.) Jika anda menemukan 2 kode <data:post.body/>, pilih kode <data:post.body/> yang pertama

9.) Kemudian anda ganti kode <data:post.body/>  dengan kode dibawah ini 

Kode

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt="Baca Selengkapnya" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecdCDge62KEN_2b46iF5eoe0fb7SjxRkS4z6Z_VEo5uAC-kvYaXym7dBz_o5YeG47x5_UClIT9r9JRS7juoQRzXqcVZ7CaiRf2QECGPOuUZ0_uyVF5MJlSKSN7oex54OYuIZswbh-tdI/s1600/ReadMore.jpg"/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

10.) Ubahlah: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecdCDge62KEN_2b46iF5eoe0fb7SjxRkS4z6Z_VEo5uAC-kvYaXym7dBz_o5YeG47x5_UClIT9r9JRS7juoQRzXqcVZ7CaiRf2QECGPOuUZ0_uyVF5MJlSKSN7oex54OYuIZswbh-tdI/s1600/ReadMore.jpg dengan url gambar read more sesuai dengan yang anda sukai

11.) Yang terakhir jangan lupa simpan Template dan lihat hasilnya

Demikain yang bisa saya sampaikan pada postingan kali ini tentang cara membuat read more bergambar otomatis di blog, dan jika ada cara yang lebih praktis bisa berkomentar dibawah ini. Semoga apa yang saya sampaikan diatas dapat bermanfaat khususnya bagi blogger pemula.

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Naufal Ammar, Published at 02.59 and have 0 komentar