Membuat Read More Otomatis Dengan Gambar

Sobat tertarik dengan Membuat Read More Otomatis bergambar ??Kalau tertarik kita mulai yuk

1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode </head> atau </head (Gunakan CTRL+F atau F3 untuk mempercepat pencarian)
6. Setelah ketemu, letakan kode berikut ini tepat di bawahnya

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

7. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p>
8. Setelah ketemu hapus kode berikut dan ganti dengan kode di bawah ini

 <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='Read More..' src='Link Image'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://tutorialseo-blog.blogspot.com/2012/02/membuat-read-more-otomatis.html'>Klik Disini Untuk Read More Otomatis Bergambar</em> |</a></strong></p></b:if>

Link Image:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4BnsfmTSxDcxFKixTv7itBE2ED_UPCNxrMxxS53mS-aqC9L2rDRbGArjYmx3eSBV8SiWRvBj6dD9m2t-Rl7mMCgPSCru3evDG3pB6EoAem_xPovCYvDj7NuaCf1eXtx8nFSOE-RLR6HQ/s1600/readmore.gif

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWOHUWoWWGG3XYKySxBGfBK3iJjf4j9m2yefeHPf5AOMyU82bwG4xhUr-PS1u11aq6H2DJtuVCi6-i-WNpCRDxHPLrx5ccX5t8qeV7BOOgEfxfSNM8UNHee8of7VOIPvZnpXn_lrqhlqs/s1600/ReadMore.jpg

http://3.bp.blogspot.com/_vdAXHVo9k0Y/TN53O4DkO3I/AAAAAAAAAFk/0v0Nn09AJ6E/s1600/read_more.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9SCXqp7rAlyf5vIPgQKUqJr3uxNfZOa3AGGuOp_vxxTMw6LJu24nNtzrAJ-iz77LVwd9wCIVQKfveXuYdf6j0ekPeM-jRihkw3wS1Vqf_T7FKWdYJ3VYF6VBhPNhE3tm-eAYJfkZiUlI/s1600/readmore.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxIYNTl0XceqcOxlLeZZiNkzau08Lc502WAbQaGp32c8Y13cFS4MxrIRgm0YL-aYOK5WdNfFHNbV_0keXhJKgsUIXd30aUVGcez3QzNg1IISjif8RwYrAFh9dc0XSIT2q7rrUefTQxtDi/s1600/read+more.gif

9. Setelah itu simpan (Untuk yang tulisan simpan tidak kelihatan, hilangkan kotak pencarian cepatnya)

Note:
Untuk sobat yang kurang tertarik dengan gambar-gambar read more otomatis tersebut, silakan Klik Disini

Anda baru saja membaca artikel yang berkategori aksesoris blog dengan judul Membuat Read More Otomatis Dengan Gambar. Jika kamu suka, janganlike dan bagikan keteman-temanmu ya... By : Tutorial Blogger

Ditulis oleh: Andreano Calvin - Minggu, 05 Februari 2012