Cara Membuat ReadMore Dengan Gambar

Ok langsung saja cekidot !!!!!!!!!

1. Log in blogger.com
2. Dashboard > Template > Edit HTML
3. Centang Expend Template Widget
5. Cari kode </head>
6. Copy kode di bawah ini dan letakkan di atas kode </head> tadi

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 200;
summary_img = 200;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>

7. Lalu Cari kode <data:post.body/>
8. Ganti Kode tersebut 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 style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://i1036.photobucket.com/albums/a446/adenzaky/menu%20pdip/readmore.png'/></a></span>
</b:if>

9. Ganti link gambar yang berwarna merah di atas dengan URL gambar kamu, atau bisa cari DISINI
10. Simpan Template

Sekian tutorial saya hari ini jika bermanfaat tinggalkan komentar ya ^_^

Artikel Terkait

Cara Membuat ReadMore Dengan Gambar

4/ 5

Oleh Randi Afrinal

Randi Afrinal 12/06/2012 2 Komentar