cara Membuat Read More Dengan Tombol Gambar

 
- Masih ingat dengan resep Master Chef pada Tutorial Blog sebelumnya mengenai Cara Membuat Read More Otomatis di Blog?, nah dalam kesempatan kali ini Master Chef akan mengajak sobat blogger Dapur Tutorial Blogspot Dan Seo Sedikit modifikasi Read More yang kamu buat menjadi Read More dengan Gambar. Kita akan mengganti Tutisan Read More menggunakan Tombol Gambar sesuai keinginan.

Bagaimana Rasepya, Yuk...langsung saja kita bahas dan ikuti terus Master Chef :

1. Login terlebih dahulu kehalaman blog
2. Buat kamu yang belum memasang Read More Otomatis Diblog kamu, silahkan baca caranya di tutorial Master Chef Sebelumnya tetang Cara Membuat Read More Otomatis Di Blog. Kalau yang sudah memasang Read More Otomatis silahkan ikuti tahap selanjutnya
3. Sekarang masuk kehalaman Edit HTML dengan cara pada bagian Dashboard pilih Template -->Edit HTML -->Proses atau Lanjutkan

4. Jangan lupa Centang Expand Widget Templates
5. Sekarang Cari <data:post.body/> Mungkin kamu akan menemukan 2 kode ini jadi pilih kode yang kedua. (Gunakan Tombol CTRL+F dan F3 untuk mempermudah pencarian kode)
6. Jika sudah Gulir Kebawah dan kamu akan menemukan kode kurang lebih seperti ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More.. </a></span>
<b:else/>
<data:post.body/>
</b:if>

7.  Ganti Kode yang berwarna merah dengan kode berikut ini :

<img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/>

8. Sekarang Klik Simpan Template
9. Selesai dan lihat hasilnya