Tuesday 18 December 2012

Categorized |

Mengganti Tulisan Read More / Baca Selengkapnya Dengan Gambar

14:27

Read More atau Baca Selengkapnya merupakan fitur yang ada dalam blog untuk digunakan agar posting yang kita tulis tidak memanjang ke bawah. Dengan fitur tersebut kita dapat memotong postingan kita untuk menghemat tempat. Agar blog kita terlihat lebih indah, kita dapat mengganti tulisan tead more tersebut dengan gambar
seperti di bawah ini 

Untuk menggantinya tidak terlalu sulit. Sobat cukup mengikuti langkah-langkah di bawah ini :
1. Masuk ke akun blogger
2. klik Template
3. lalu pilih Edit HTML kemudian klik Lanjutkan
4. selanjutnya centang pada kotak Expand Template Widget
5. Lalu cari kode berikut <data:post.jumpText/>

sehingga akan muncul kode seperti berikut


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


lihat kode yang berwarna merah, ganti dengan kode <img src="ISI DENGAN URL GAMBAR"/> pada kode ini ganti tulisan yang berwarna biru dengan url gambar yang ingin di jadikan icon / gambar pada Read More

6. Klik Pratinjau untuk melihat hasilnya
8. Jika berhasil klik Simpan Template.
Nah, mudah kan

0 Responses to “Mengganti Tulisan Read More / Baca Selengkapnya Dengan Gambar ”

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Popular Posts