Membuat Iklan Otomatis Drop Down Pada Website Cms Joomla ANGGARA NASUTION
[email protected]
Lisensi Dokumen: Copyright © 2003-2007 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.
Abstrak Tampilan iklan atau pengumuman secara otomatis pada website berbasis joomla sebagaimana ditampilkan pada situs detik.com dan dan kapanlagi.com dapat menjadi alternatif untuk menampilkan iklan atau pengumuman bagi situs pribadi dan situs-situs pendidikan. Tampilan ini begitu penting karena ketika situs dibuka maka tampilan iklan otomatis ini akan muncul hingga ditutup kembali oleh pengunjung situs. Tampilan ini bisa juga sebagai pemberi peringatan sekaligus perintah singkat bagi pengunjung situs Anda. Tampilan ini jelas sangat informatif dan membuat situs Anda tampak indah.
Pendahuluan Kita mungkin pernah melihat iklan yang otomatis terlihat ketika kita membuka situs detik maupun kapanlagi dan selalu ada bila kita mengeser mouse,dan akan hilang jika kita mengklik icon Close (x) Hal ini bisa juga kita gunakan untuk pemberitahuan atau pengumumuman di web pribadi kita di web yang berbasis joomla telah tersedia modul untuk melakukan hal tersebut walaupun masih ada kekurangan tapi cukup membantu kita,modul itu bernama “ Camp2 6St i c kyHTML”
Isi adapun cara mengunakannya adalah sebagai berikut : 1 Download modul tersebut di http://extensions.joomla.org/extensions/search/1/Camp26%20Sticky%20HTML/
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
1
2 Buka halaman admin
Disini saya mengunakan joomla versi 1.15
3 Setelah masuk administrator,ambil menu installer dan pilih sub menu modul
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
2
4 Upload modul “Camp26St i c kyHTML”yang telah kita download sebelumnya
5 Kalau upload yang kita lakukan berjalan sukses akan terlihat pemberitahuan seperti ini:
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
3
6 Set e l a hi t uk i t akl i k“ c on t i n u e ” 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)
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
4
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
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
5
Berikut konfigurasi pada bagian detail :
1. Pada tittle ,bisa kita ganti isinya sesuai dengan yang kita kehendakki
misalnya kita
ga nt id e n g a nn a ma“ mo d uli k l a n”a t a u“ mo d u lpe ng u mu ma n” 2. Pa d as h o wt i t t l ea d ad uapi l i ha n, t e r s e r a hk i t aa pa k a hma ud i l i ha t k a np i l i h“ y e s ”k a l a u t i da kk i t api l i h“ n o ” 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. Pa d apu b l i s h e da d ad uap i l i h a n , j i k ai n g i nd i t a mp i l k a nkewe bp i l i h“ y e s ”t a p ij i k at i d a k ingin ditampilkan p i l i h“ n o ” Untuk bagian detail telah selesai kita konfigurasi,berikut hasilnya :
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
6
Selanjutnya kita akan mengkonfigurasi pada bagian parameter: 1. Pa d ac a c h i ngt e r da pa td u ap i l i h a np i l i h“ y e s ”ka l a uk i t ame mp u ny a it e mp a tun t uk meletakkannya dan pilih “ n o ”j i k at i da ka d a , d i s i nis a y as a r a n k a nu n t u kme mi l i h“ n o ” 2. Pada modul width adalah ukuran lebar pengumuman yang kita inginkan 3. Pada bagian html/java script,disilah pengumuman atau gambar yang ingin kita tampilkan ditempatkan,format yang bisa dimasukan disini hanya format java script/html s a j a , j a d it u l i s a na t a ug a mba rh a r u sd i bu a td u l ud a l a mf o r ma t“ j a v as c r i p t/h t ml ” , t a p i jangan kuatir telah banyak situs yang menyediakan untuk itu, bisa dicoba disini http://www.addesigner.com 4. Pada bagian display mode terdapat dua pilihan jika kita ingin selalu menampilkan pa dawe bk i t ap i l i h“ a l wa y s ”t a p ij i k at i d a kp i l i h“ o n c e p e r s e s s i on ” , d i s i n is a y ame mi l i h “ a l wa y s ” 5. Pada bagian enable fade,jika ingin memudarkan gambar k i t ap i l i h“ y e s ” , t a p ij i k at i d a k pi l i h“ n o ” , d i s i nis a y ame mi l i h“ no ” ka r e n as a y ame n g i ng i nk a npe ng u mu ma ns a y a terlihat jelas 6. Pada bagian auto hide box,jika kita mengiginkan pengumuman hilang secara otomatis ki t ap i l i h“ y e s ”t a p ij i k at i d a kp i l i h“ n o” 7. Pada bagian Time for Auto Hide Box kita bisa menseting waktu berapa lama pengumuman atau iklan kita ingin ditampilkan 8. Pada bagian Title for Hide Key,kita bisa menganti tulisan apa untuk perintah menutup pe ng u mu ma nt e r s e b u ta p a ka h“ c l o s e ”a t a us y mb ol“ X’ 9. Pada bagian clean js,clean css,clean html biarkan default Berikut tampilan setelah dikonfigurasi :
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
7
10 Se t e l a hs e muas e l e s a ik i t ak o nf i g u r a s ik l i ki c o n“ s a v e ” 11 Pilih menu site kemudian sub menu preview dan in new window untuk melihat hasilnya
Penutup De mi ki a nc a r ap e ma ka i a nd a np e n g u na a nmo d ulj o o ml a“ Ca mp 2 6St i c k yHTML” , mo du ly a ng banyak berguna untuk kepentingan bisnis maupun pribadi semoga berguna dan bermamfaat,tentunya tak ada gading yang tak retak tulisan ini jauh dari sempurna,karenanya saran dan masukan diharapkan dari pembaca.
Referensi 1. http://www.joomla.org 2. Cara mudah membangun Website interaktif mengunakan CMS joomla Penulis Yuhefizar,HAMooduto,Rahmat Hidayat
Biografi Penulis Anggara Nasution,lahir 26 Agustus 1982 saat ini bekerja sebagai staf administrasi di politeknik negeri padang jurusan elektro.Pendidikan terakhir Sekolah Menegah Kejuruan dan sedang melanjutkan pendidkan di STMIK JAYANUSA jurusan sistem komputer.
Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com
8