Modifikasi "Read More"

Read more......akan kita modifikasi nih!. Tetapi sebelumnya udah pada tau kan apa itu "Read More"?. Oke deh, kalu belum tau silahkan baca dulu tulisan saya yang ini (KLIK DI SINI). Nah kalau sudah ketemu/tau yang namanya read more, sekarang kita akan melakukan modifikasi read more_nya. Sebelum memodifikasi READ MORE, blog kita sudah ada Read More_nya, kenapa? karena buat apa kita memodifikasi kalau yang mau dimodifikasi belom ada?, benar kan??????
Nah sekarang sudah siap kan?...langsung saja!!!!!!!



Seperti biasa, kalian masuk dulu ke Dasbor Blog, udah pada tau kan?
Melangkah terus sampai ke Edit HTML. Kalau yang ini udah pasti tau kan?

• Mengganti tulisan dengan sesuka hati

1. Cari kode seperti ini: <a expr:href='data:post.url'>Read More......</a>
2. Lalu ganti tulisan Read More dengan Tulisan yang anda inginkan. Misalnya "Baca Selengkapnya"

• Mengganti tulisan Read More dengan gambar

1. Cari kode seperti ini: <a expr:href='data:post.url'>Read More......</a>
2. Lalu gantu tulisan Read More dengan URL gambar yang anda suka. Contohnya adalah sebagai berikut

<a expr:href='data:post.url'><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1k8Vp_DrWKD3-qvpmWxdFKlpD26KfSGXaBZoWXnXg-F0_wNl6vxS43vx3DN0z4LYu9nfAbIFEZcj4rHdBE2z2TEQqDkF73xwe5ilKwgSVJDaJjmqi1VHCkE0N7yYKr2i1-3dKy4QeVHQ/s320/downloadnow.gif /></a>

  Kalian hanya menambahkan kode berwarna Merah

>>>Jika cara diatas tidak berhasil, silahkan coba dengan Cara Berikut!

Cari kode yang mirip dengan kode di bawah ini:

.readmoreyahoo{
background:url(URL tempat gambar Anda di-host);
bottom:5px;
font-family:verdana;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding-right:10px;
text-align:right;
white-space:nowrap
}

INGAT.. tiap blog, templatenya berbeda, nah untuk itu silahkan anda  cari kode yang mkirip dengan kode di atas.
Setelah itu, silahkan anda ganti tulisan yang berwarna merah dengan URL gambar anda.

• Membuat tulisan Read More berefek tebal

Cari kode seperti ini: <a expr:href='data:post.url'>Read More......</a>
Kemudian tambahkan kode <strong> dan </strong>
Sehingga bentuknya seperti ini:

<strong><a expr:href='data:post.url'>Read More......</a></strong>

• Membuat tulisan Read More dengan ukuran yang dirubah

Cari kode seperti ini: <a expr:href='data:post.url'>Read More......</a> 
Lalu tambahkan kode  <span style='font-face:sylfaen; font-size:100%;'> dan  </span>
Sehingga bentuknya seperti ini: 

 <span style='font-face:sylfaen; font-size:100%;'><a expr:href='data:post.url'>Read More......</a></span>

Untuk tulisan sylfaen,itu merupakan jenis fontnya dan bisa anda ganti misalnya dengan Times New Roman, dan 100% , merupakan ukuran dari hurufnya, bisa anda ganti sesuka hati anda.

• Menambahkan tulisan "Judul Post" di depan tulisan Read More secara otomatis 

Cari kode ini: <a expr:href='data:post.url'>Read More......</a>

Lalu tambahkan kode ini: #8220;<data:post.title/>&#8221; &#160;&#187;&#187;

Sehingga bentuknya seperti ini:

<a expr:href='data:post.url'>Read More #8220;<data:post.title/>&#8221; &#160;&#187;&#187;</a>

Jangan Lupa disimpan