Upload
doanngoc
View
225
Download
0
Embed Size (px)
Citation preview
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.
Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 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
Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
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:
Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
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)
Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
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
Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
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 :
Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
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 :
Komunitas eLearning IlmuKomputer.ComCopyright © 2003-2007 IlmuKomputer.Com
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.