anggapdf2

Document Sample
anggapdf2 Powered By Docstoc
					Membuat Iklan Otomatis Drop Down
Pada Website Cms Joomla
ANGGARA NASUTION
Angga_messi@yahoo.com


      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
                                                             C mp 6 t k H ML
ada kekurangan tapi cukup membantu kita,modul itu bernama “ a 2 Si y T ”  c
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                                                       1
Copyright © 2003-2007 IlmuKomputer.Com
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                                          2
Copyright © 2003-2007 IlmuKomputer.Com
               C mp 6 t k
                       c   ML
4 Upload modul “ a 2 Si yHT ”yang telah kita download sebelumnya




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




Komunitas eLearning IlmuKomputer.Com                                                        3
Copyright © 2003-2007 IlmuKomputer.Com
   ta t i l cn ne
    eh u a k   i
6 Se l i ktki“ot u”
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                                                  4
Copyright © 2003-2007 IlmuKomputer.Com
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                                                      5
Copyright © 2003-2007 IlmuKomputer.Com
Berikut konfigurasi pada bagian detail :


    1. Pada tittle ,bisa kita ganti isinya sesuai dengan yang kita kehendakki        misalnya kita
         at egn a a m dlk n a u m dl egm m n
          i             l    a
        gn dna nm “ ou i a” t “ oupnu u a”
        aa hw il d da ih ,r r i aaa a ih k ih ys kl
              te      la ts a t            la a l         a
    2. Pd so tt aa u p i n e e hk a pkhm ud i t np i “e” a u
        i k i p i“o
         d t l
        t a k a ih n”
    3. Pada aceess level terlihat tiga pilihan yaitu public,register,special itu terserah kita untuk
        memilihnya tergantung kegunaannya,tapi disini sebaiknya pilih public saja.
        aa ulhd d da ih ,k n n im i a k w b ih ys t j ai k
            i         la ja g t l             l     p k d
    4. Pd pb se aa u p i ni i i d a p kn e e p i “e”aii t a
                          ih n”
                           l
        ingin ditampilkan p i “o
Untuk bagian detail telah selesai kita konfigurasi,berikut hasilnya :




Komunitas eLearning IlmuKomputer.Com                                                              6
Copyright © 2003-2007 IlmuKomputer.Com
Selanjutnya kita akan mengkonfigurasi pada bagian parameter:
        aa ah g e aa da ih ih ys a u i e pna t a ut
                   n r                la l
   1. Pd cci t dpt u p i np i “e”kl k am m uyi e pt n k    a t                    m        u
                                n”i t a aa in sy sr kn n k e ih n”
                                      k d          di
      meletakkannya dan pilih “o j ai k d,s iaa a na ut m m l “o a        u         i
   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
       a ,d t i t a br a d ut u a m om t j a c p / t ”a
         aa la a                        u b          u a
      sjj iu sna ugm a hrs i a dl dl fr a “ v sr t h lt i               a      i     m ,p
      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
        aa e k a ih a y”a j ai k ih ocpr s o” insy m m l
                    t l w             p k d l
      pd w b i p i“las t ii t a p i“nee es n, s iaa e ih        s i di                   i
       a y”
         w
      “las
                                                                i p i“e”aii t a
                                                                 t l
   5. Pada bagian enable fade,jika ingin memudarkan gambar k a ih ys,pj ai k  t k d
        ih n” in sy m m l “okr a aa eg g kn egm m n aa
        l         di              i          e
      p i“o,s iaa e ih n”a n sy m ni i a pnu u a sy         nn
      terlihat jelas
   6. Pada bagian auto hide box,jika kita mengiginkan pengumuman hilang secara otomatis
        i p i“e”a j ai k ih n”
        t l            p k d l
      k a ih ys t ii t a p i“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
        egm m n e euaaa “l e a u y blX
                      r
      pnu u a t sbtpkh c s” t sm o “ ’  o     a
   9. Pada bagian clean js,clean css,clean html biarkan default

 Berikut tampilan setelah dikonfigurasi :




Komunitas eLearning IlmuKomputer.Com                                                     7
Copyright © 2003-2007 IlmuKomputer.Com
    e l e u sl ak a of ua k kc “ae
       eh            e    t      g s i o
10 Sta sm a e sii kni r i l i n sv”
11 Pilih menu site kemudian sub menu preview dan in new window untuk melihat hasilnya




Penutup
  e i a a e aa n a egna ou j l “ a p6 tk T ” dl ag
       i     a        a                         o
D m k ncr pm ki dnpnuanm dlom a C m 2 Si yH ML ,ou yn              c           m
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                                                    8
Copyright © 2003-2007 IlmuKomputer.Com

				
DOCUMENT INFO
Categories:
Stats:
views:4
posted:5/21/2010
language:Indonesian
pages:8