'READ MORE' Kanan Dengan Gambar

1) Read more »  atau  Baca Selengkapnya » menjadi sebelah kanan. 
2)  Read more »  atau  Baca Selengkapnya » kita ganti dengan gambar (Banner).

 Pertama (1)

 Sebagai dasar kode read more blogger ada di Sebelah kiri :
<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

Cari kode di atas:

Dan tambahkan kode berwarna biru.
Contohnya seperti ini :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<div style='float:right;padding:10px 0px 5px 0px'>


<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
</div>


</div>
</b:if>

 Agar titel ketika kursor berada di read more bertulisan sama dengan judul post.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>


<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/>&#160;&#8594;&#160;
<data:post.title/></a>
</div>
</b:if>


Kedua (2)

Apabila anda menganggap tampilan huruf kurang menarik, anda bisa menggantinya dengan dengan tombol atau banner, misal banner seperti ini :
mengganti read more dengan gambar
Contoh di ATAS format kodenya seperti ini ; 
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaUnA182unGZYs6dpcjg6ReIUAwTYm44NTdrLIPRPaSahyphenhyphenta-GS8yzArsBBfGBdbPOfkm9Wp2Qw6_t4sBv2_JBBdZrTITpYuHOsi2cBiwlwh431VE5bxAPx81VtkceJSQFMKNM0sSMdhQ/[1].png' alt='read more'/></a>
</div>
</b:if>
Warna biru bisa anda ganti dengan url gambar pilihanmu



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByN6IVVb3N4yNcsgPTgWXIeJB6SrXmGccudvL6euGWPFTmhqmrMpTaJ0BJ3QfnsHd4Mz5DlW6lfb-ebqxvt0g_m2AR88id1QQuSUVn-dKGWXtiWO8Rd7eCbm5vBu2ukaYT_gvvICFo1o/s1600/black.gif



http://www.tpmi.org/images/66251/ReadMoreButton.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNar9FCkL__jR4v0ZpLGNIozMEKy0t7sjI4H5k-pTo10qVEfI2cUKQ1WP1jqQtcPkXasE14LKaTywmS90RTCR6lQuUUj4nN5wDcq5XGAOt_n3fXwkxrFqWN68PNrMlkavqy3x8GON-8vI/?imgmax=200


Sekarang langkah-langkahnya Mengganti gambar :

1) Sign in akaun blogger mu.!

2) Dashboard > Design > Edit HTML > Centang kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F , cari kode dibawah

4. Beri tanda centang pada kotak kecil di samping tulisan " Expand Template Widget "
5. Carilah kode yang mirip seperti Ini :
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. Silahkan ganti kode di atas dengan hasil kreasimu seperti yang di contohkan tadi di atas.
7. Klik tombol SIMPAN TEMPLATE
8. Selesai.

Selamat berkreasi! ;)