Merubah Tampilan ReadMore Dengan Image

April 29, 2010

Jika anda bosan dengan tampilan ReadMore dengan Teks anda bisa menggantinya dengan image yang anda buat. Mungkin sudah banyak blogger blogger lain yang memposting cara mengganti Readmore dengan Image ini. Berhubung di blog ini belum ada postingan Membuat readmore dengan image jadi sebagai tambahan postingan saja maka saya membuat postingan ini. Langsung saja jika anda tertarik untuk membuatnya ikuti caranya di bawah ini.

Masuk ke Blog Anda
Pilih Tata Letak lanjut dengan Edit HTML - Centang Expand Template Widget
Cari kode seperti dibawah ini :

<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Full Post </a>
</b:if>

Ganti Kode di atas dengan kode di bawah ini

<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><br/><img alt='read more' src='http://Url image anda?imgmax=800'/></a></span></p>
</b:if>

Warna Merah merupakan posisi dari image Read More tersebut. float:right Bisa ganti dengan float:left untuk posisi disebelah kiri.
Warna Biru merupakan alamat penyimpanan image Anda bisa mengganti dengan Image yang diinginkan.

Dibawah ini ada beberapa kode image ReadMore yang bisa anda gunakan.