membuat READ MORE bergambar di blog anda

nah !! beda lagi yang satu ini . klo selama ini kita sering temui read more yang bertuliskan link berwarna merah atau biru. disini kita akan membuat READ MORE yang beda dari yang lain dan pastinya buat blog kamu lebih menarik . gimana tertarik nggak ?? APA !! tertarik . yaaa udah dehh aku kasi nihh tipsnya . eitsss tapi tunggu dulu , ini hasil belajar dari http://kiwolblog.blogspot.com lhoo . soo makasih ya kak atas oleh-oleh artikelnya :). ok dehh lanjut , sampai mana tadi ? oia sampai cara buat READ MOREnya nihh dia . CHEKIIDOTT -->

1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan HTML
4. Beri tanda centang pada kotak di sebelah tulisan “Expand Template Widget”
5. cari kode

atau kode ini biar cepat klik Ctrl+f
6. Kemudian ganti kode tersebut dengan kode ini :

<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>
</b:if>


Catatan :
Jika pada postingan sebelumnya tulisan Read Morenya seperti tulisan yang berwarna merah. Tetapi pada postingan ini kita akan mengganti tulisan tersebut menjadi gambar. Caranya ganti kode “Read More” yang bercetak tebal dengan kode ini <IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/> so, kalian nggak usah cari url gambar lain lagi karna ka kiwolblog ini sudah memberikan kita gambar read more yang keren yaitu yang ini :



maka hasil kodenya kurang lebih seperti ini :

<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'><IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/></a>
</b:if>

7. Kemudian klik tombol simpan template
8. Langkah selanjutnya pilih Menu Settings ---> Formatting
9. Pada kotak “Post Template” masukkan kode seperti ini :

<span class="fullpost">

</span>

13. Letakkan sebagian tulisan sebelum kode ( sebagai posting pendek yang akan ditampilkan di menu utama ). Kemudian letakkan semua postingan sesudah kode dan sebelum kode
14. Kalau masih belum jelas perhatikan contoh di bawah ini :

nama saya dian hardianty.i disini saya akan membantu anda membuat read more bergambar. tapii mungkin ada teman-teman yang masih belum ngerti pasang READ MORE . oleh karena itu saya tunjukan caranya yaa :)<span class="fullpost">
trusss lanjutan ceritanya disinii dehh </span>

15. Kalau udah selesai klik publikasikan, udah jadi dhe !