24 April 2012

Membuat Tombol Read More Lebih Berwarna

Membuat Tombol Read More Lebih Berwarna ini dimaksudkan untuk memperindah tampilan blog, yang mana Readmore/Baca Selanjutnya berfungsi untuk menampilkan postingan seutuhnya. Tombol Read More yang akan saya share kali ini tidak memakai image/gambar melainkan berupa kode CSS, sehingga tidak memberatkan blog sobat.

Untuk contohnya seperti ini Readmore..

Caranya :
  • Masuk ke blogger
  • Pilih Template kemudian pilih Edit HTML
  • Centang Expand Template Widget
  • Dengan menggunakan Ctrl + F cari kode ]]></b:skin>
  • Letakkan kode CSS berikut ini diatasnya

  • Kemudian untuk pemanggilan HTML nya cari kode 
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'
  • Masukan kode ini class="tombol_readmore" ditengah a dan expr:href
  • Sehingga menjadi seperti ini
<div class='jump-link'>
<a class="tombol_readmore" expr:href='data:post.url + &quot;#more&quot;'
  • Simpan Template
 Untuk diketahui bukan hanya Readmore saja yang dapat dibuat tombol seperti ini, dapat juga dibuat untuk link-link yang lain cukup dengan menambahkan kode pemanggilannya saja yaitu class="tombol_readmore" ditengah kode a dan href.

Silahkan kembangkan pewarnaan yang menurut sobat suka.

Selamat Mencoba.




2 komentar:

  1. ada yang salah taruh kayanya,,
    aQ lihat file css nya udah benar tpi pemanggilan readmore nya tidak ada..
    Coba cek lagi deh,,

    BalasHapus

Follow by Email

Popular Posts

Copyright@2015 999 Blog || Designed ByBlogger Templates-Blogger