1. Buka template -> Edit HTML -> Kasih tanda centang pada menu "Expand Template Widget"
2. Cari kode dibawah ini:
2. Cari kode dibawah ini:
</head>
Letakkan kode berikut persis di bawah kode diatas:
<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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
3. Cari kode dibawah ini:
<data:post.body/> atau <p><data:post.body/>
ganti kode diatas 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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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 src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
4. Klik Simpan. Selesai.
Anda bisa mengganti kata "Read More" diatas dengan gambar icon serbagai gantinya, cara nya hapus kata "Read More" ganti dengan kode:
<img src="URL_ICON_ANDA" />
Download Small_Read_More_Buttons.zip
Download Large_Read_More_Buttons.zip
Sampai disini proses pemasangan kode "Read More" selesai. Supaya tampil anda harus memasukkan kode dibawah ini dalam postingan anda.
1 komentar:
lumayan membantu
Posting Komentar