Dulu Read More... atau dalam Bahasa Indonesianya Baca Selengkapnya... sering ditampilkan dalam bentuk teks...
nha sekarang kita coba tampilkan dalam bentuk gambar ... Gmana Yha ?!?
Cari Kode seperti ini di template Kamu <p><data:post.body/></p>, jangan lupa di expand dulu isi template kamu ya... biar ketemu kodenya...
trus aku contoh scriptnya di blog orang, tapi lupa dimana, untuk aku save ke notepad...
Ini script dasarnya... :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More... </a>
pada text Read More yang kita modifikasi...
Ganti dengan Script ini :
<img src="read more.gif" width="300" height="100" />
Yang warna hijau itu URL tempat Kamu nyimpen gambar.
Yang warna Biru tua itu ukuran lebar dan tinggi gambar Kamu, itu harus sesuai sama gambarnya biar nggak rusak resolusi gambarnya...
Yang perlu diperhatikan, warna background gambar read more-nya... kalo template Kamu ada maen-maen gradasinya... itu bakal bikin susah... aku saranin gambarnya diformat gif aja... trus backgroundnya dihilangin... atau baca dulu artikel yang satu ini... Mendesign Read More...
0 comments:
Post a Comment