Membuat Tombol Link "Read More..."

Pada keadaan standard, Joomla! membuat link Read More... dengan sebuah text (linked text). Dengan sedikit coding, kita bisa membuat link Read More... dengan sebuah tombol/image. Untuk mengkustomisasinya, dalam file CSS template perlu kita tambahkan class baru yaitu .readon.

Caranya: Buka file CSS template, lalu masukkan kode berikut (sebagai contoh):




.readon {
background: url('/../images/button.gif') no-repeat;
text-indent:-5000px;
display:block;
width:100px;
height:26px;
}


Pastikan ukuran button sama dengan width dan height. Sedangkan untuk kode url(..images/button.gif) berarti button disimpan di dalam folder templates/nama_template/images.
Untuk mencari desain button bisa buka Buttonator.