membuat iklan otomatis drop down pada website cms joomla

Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com

1

MMeemmbbuuaatt IIkkllaann OOttoommaattiiss DDrroopp DDoowwnnPPaaddaa WWeebbssiittee CCmmss JJoooommllaaANGGARA [email protected]

AbstrakTampilan iklan atau pengumuman secara otomatis pada website berbasis joomla sebagaimanaditampilkan pada situs detik.com dan dan kapanlagi.com dapat menjadi alternatif untukmenampilkan iklan atau pengumuman bagi situs pribadi dan situs-situs pendidikan. Tampilan inibegitu penting karena ketika situs dibuka maka tampilan iklan otomatis ini akan muncul hinggaditutup kembali oleh pengunjung situs. Tampilan ini bisa juga sebagai pemberi peringatansekaligus perintah singkat bagi pengunjung situs Anda. Tampilan ini jelas sangat informatifdan membuat situs Anda tampak indah.

PendahuluanKita mungkin pernah melihat iklan yang otomatis terlihat ketika kita membuka situs detikmaupun kapanlagi dan selalu ada bila kita mengeser mouse,dan akan hilang jika kita mengklikicon Close (x)Hal ini bisa juga kita gunakan untuk pemberitahuan atau pengumumuman di web pribadi kitadi web yang berbasis joomla telah tersedia modul untuk melakukan hal tersebut walaupun masihada kekurangan tapi cukup membantu kita,modul itu bernama“Camp26 Sticky HTML” Isiadapun cara mengunakannya adalah sebagai berikut :1 Download modul tersebut dihttp://extensions.joomla.org/extensions/search/1/Camp26%20Sticky%20HTML/

Lisensi Dokumen:Copyright © 2003-2007 IlmuKomputer.ComSeluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dandisebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarattidak menghapus atau merubah atribut penulis dan pernyataan copyright yangdisertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.


2

2 Buka halaman admin

Disini saya mengunakan joomla versi 1.15

3 Setelah masuk administrator,ambil menu installer dan pilih sub menu modul


3

4 Upload modul“Camp26 Sticky HTML” yang telah kita download sebelumnya

5 Kalau upload yang kita lakukan berjalan sukses akan terlihat pemberitahuan seperti ini:


4

6 Setelah itu kita klik “continue”

7 Kemudian kita mulai konfigurasi modul tersebut caranya,klik menu modul dan ambil sub

menu side modul:

8 Pilih modul yang kita upload sebelumnya (modul Camp26 Sticky HTML)


5

9 Disini kita akan mengkonfigurasi modul tersebut

Pada modul joomla ini pada saat pengkonfigurasian dibagi dua bagian yaitu pada bagian detail

seperti terlihat pada gambar

Dan bagian parameter,seperti pada gambar


6

Berikut konfigurasi pada bagian detail :

1. Pada tittle ,bisa kita ganti isinya sesuai dengan yang kita kehendakki misalnya kita

ganti dengan nama “modul iklan” atau “modul pengumuman”

2. Pada show tittle ada dua pilihan,terserah kita apakah mau dilihatkan pilih “yes” kalau

tidak kita pilih “no”

3. Pada aceess level terlihat tiga pilihan yaitu public,register,special itu terserah kita untuk

memilihnya tergantung kegunaannya,tapi disini sebaiknya pilih public saja.

4. Pada published ada dua pilihan,jika ingin ditampilkan ke web pilih “yes” tapi jika tidak

ingin ditampilkan pilih “no”

Untuk bagian detail telah selesai kita konfigurasi,berikut hasilnya :


7

Selanjutnya kita akan mengkonfigurasi pada bagian parameter:

1. Pada caching terdapat dua pilihan pilih “yes” kalau kita mempunyai tempat untuk meletakkannya dan pilih“no” jika tidak ada,disini saya sarankan untuk memilih “no”

2. Pada modul width adalah ukuran lebar pengumuman yang kita inginkan3. Pada bagian html/java script,disilah pengumuman atau gambar yang ingin kita

tampilkan ditempatkan,format yang bisa dimasukan disini hanya format java script/htmlsaja,jadi tulisan atau gambar harus dibuat dulu dalam format “java script / html”,tapi jangan kuatir telah banyak situs yang menyediakan untuk itu, bisa dicoba disinihttp://www.addesigner.com

4. Pada bagian display mode terdapat dua pilihan jika kita ingin selalu menampilkanpada web kita pilih “always” tapi jika tidak pilih “oncepersession”,disini saya memilih “always”

5. Pada bagian enable fade,jika ingin memudarkan gambarkita pilih “yes”,tapi jika tidak pilih “no”,disini saya memilih “no”karena saya menginginkan pengumuman saya terlihat jelas

6. Pada bagian auto hide box,jika kita mengiginkan pengumuman hilang secara otomatiskita pilih “yes” tapi jika tidak pilih “no”

7. Pada bagian Time for Auto Hide Box kita bisa menseting waktu berapa lamapengumuman atau iklan kita ingin ditampilkan

8. Pada bagian Title for Hide Key,kita bisa menganti tulisan apa untuk perintah menutuppengumuman tersebut apakah “close” atau symbol “X’

9. Pada bagian clean js,clean css,clean html biarkan default

Berikut tampilan setelah dikonfigurasi :


8

10Setelah semua selesai kita konfigurasi klik icon “save”11 Pilih menu site kemudian sub menu preview dan in new window untuk melihat hasilnya

PenutupDemikian cara pemakaian dan pengunaan modul joomla “Camp26 Sticky HTML”,modul yang banyak berguna untuk kepentingan bisnis maupun pribadi semoga berguna danbermamfaat,tentunya tak ada gading yang tak retak tulisan ini jauh dari sempurna,karenanyasaran dan masukan diharapkan dari pembaca.

Referensi1. http://www.joomla.org2. Cara mudah membangun Website interaktif mengunakan CMS joomla

Penulis Yuhefizar,HAMooduto,Rahmat HidayatBiografi Penulis

Anggara Nasution,lahir 26 Agustus 1982 saat ini bekerjasebagai staf administrasi di politeknik negeri padangjurusan elektro.Pendidikan terakhir Sekolah MenegahKejuruan dan sedang melanjutkan pendidkan di STMIKJAYANUSA jurusan sistem komputer.

membuat iklan otomatis drop down pada website cms joomla

Documents