cara mempercantik tampilan read more pada blog

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.

nah berikut ini adalah pilihan tombol yang saya punya :

  ( Black Style)

 ( Orange Style)

(White and Green Style)

( Blue Blank Style)

( Red White Style )

( Brown top Bottom Style)

( Pink Left-right Style )

( Rectangle left border Style)

( Light Purple long Style)

( Narrow black Orange Style)

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. 5. (Gunakan Tombol CTRL+F atau F3 untuk mempermudah pencarian kode)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='URL FOTO NYA SOBAT'/>

   7. Simpan Template

   8.  Selesai dan lihat hasilnya.

Semoga Bermanfaat sobat.