Cara Membuat Read More Dengan Tombol Gambar

Cara Membuat Read More Dengan Tombol Gambar

Nah saya sekarang akan membuat postingan lagi yang berjudul Cara Membuat Read More Dengan Tombol Gambar. Jadi Tulisan Read More nya itu kita ganti dengan Tombol Gambar.
Eh iya sebelumnya bila blog agan-agan belum dipasang Read More Otomatis silahkan baca tutorial Cara Membuat Read More Otomatis.

Berikut Cara Membuat Tombol Gambar Read More :

1. Login Ke Akun Blogger Anda
2. Klik Dashbord -> Edit HTML 
3. Centang  Expand Widget Templates
4. Cari kode <data:post.body/> Mungkin kamu akan menemukan 2 kode ini jadi pilih kode yang kedua. (Gunakan Tombol CTRL+F atau F3 untuk mempermudah pencarian kode)
5. Jika ada tulisan Read More ya kira-kira kode nya seperti berikut

<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>

       6.  Ganti Tulisan Yang Berwarna Merah dengan kode berikut :

<img alt='Read More..' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8mfhOlh-PE2xpWDTBCo1sdbB1d0DLUbNzgBori-IqUCrZqQwJpIeSBUmu-qwcY5-UnLyqPpiB6Ymeq3uJtmzyjTbcYFLaAE_3-INp5m7Lq9t-y7TxkrkVR6Uqp1XRRYkwQzldEdV8rmbo/s320/read+more.gif'/>

        7.  Simpan Template

        8.  Selesai dan lihat hasilnya.

Semoga Bermanfaat sobat.