Membuat Tombol Link "Read More..."

Tip Dan Trik
Bambang, Thursday, 26 July 2007 01:13

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. 

Comments

eyoung24 2007-07-26 05:31:08 Its greats boss

Register to read more gonjess 2007-09-04 02:55:08 Kalo mau dibikin beda gimana..? misalnya, suatu artikel hanya bisa diliat selengkapnya setelah si guest harus register dulu gitu, biasanya kan muncul tulisannya udah bukan "read more..." lagi tapi jadi "register to read more.." nah biar button or warnanya juga beda digimanaken boss..?? Btw, good idea tuh..

bingungg kupret79 2008-07-30 03:50:18 ga erohhhh, binun :? :cry

Sip webphobia 2008-10-29 00:22:37 :grin :grin MantabBBBB BOSS makasih trik nyahhhh

button read more Triksi 2008-11-13 17:56:23 kakak,,kakak,,,, aku mau tanya dong, untuk pertanyaan di sini akan di jawab di bagian mana ya??? aku punya pertanyaan yang sama dengan pertanyaan nomor 2 di atas itu, klo mau bikin button read more yang begitu di klik user harus login dulu untuk info lengkapnya. tusss jawabannya ada di mana ya??? terima kasihuntuk pencerahannya.

dhanie89 2010-08-30 23:47:29 saya coba pake readmore standar bawaan joomla tapi ko error terus ya, masuk ke system 404 not found terus , kadang malah masuknya ke artikel lain, buat omm yang tau cara mengatasinya tolong bantu saya

Only registered users can write comments!

Powered by !JoomlaComment 3.26

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."