RSS

Membuat Tombol Link “Read More…”

30 Agu

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.

 
Tinggalkan komentar

Ditulis oleh pada 30 Agustus 2007 in Web

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: