Mencoba Iseng, Menjawab 1 pertanyaan dari seorang peserta seminar blogging, Tentang Dropdown dan Marquee..

Seminar Go Technology With Blogging yang diselenggarakan di Politeknik Negeri Lhokseumawe hari ini, (26/1) muncul pertanyaan dari peserta seminar kepada pemateri Jonru Ginting tentang bagaimana membuat menu dropdown dan membuat text tulisan marquee. Tapi, jawaban dari pemateri (menurut saya) bukanlah jawaban tepat dari pertanyaan tersebut untuk sebuah event seminar. Jawaban dari pemateri adalah "search aja di google ....bla..bla..bla...".
Maaf nech sebelumnya kepada Pak Jonru, ini seminar pak, audience datang untuk mendapatkan ilmu dari Bapak. Tapi bapak kemudian menyuruh mereka untuk mencari sendiri.
Tapi,,, seperti sebuah pribahasa, Yang lalu biarlah berlalu, He,,,he,,,he...! Biar saya yang jawab... ha...hay,,, (sok tau Mode:ON)
Sebelumnya, Anda login dulu ke account blogger anda, kemudian cari menu template/rancangan kemudian temukan tombol edit HTML, terus :

Sebelum meenjalankan langkah-langkah dibawah ini, back-up dulu template aslinya dengan mengklik tombol/link Download Template Lengkap (atau apalah dalam bahasa inggrisnya) agar apabila langkah dibawah ini gagal, anda bisa mengunggah kembali template awal sebelum pengeditan.

Cari Code :
]]>
Copy paste code di bawah ini tepat di atasnya

/* Navigasi Dropdown Menu */
      #navdropdownmenu{
      background:black; /*Warna Latar Belakang */
      width:100%;
      height:auto;
      margin:0;
      padding:0;
      }
      #navdropdownmenu ul{
      float:left;
      list-style:none;
      margin:0;
      padding:0;
      }
      #navdropdownmenu li{
      list-style:none;
      float:left;
      }
      #navdropdownmenu li a, #navdropdownmenu li a:link, #navdropdownmenu li a:visited{
      color:yellow; /* Warna Teks */
      display:block;
      padding:9px 10px 9px 10px;
      font-size: 12px; /* Ukuran Teks */
      font-family: verdana; /* Jenis font */
      text-decoration:none;
      }
      #navdropdownmenu li a:hover{
      background:yellow; /* Warna latar saat kursor mouse berada di atasnya (hover) */
      color:black; /* Warna teks saat kursor mouse berada di atasnya */
      padding:9px 10px 9px 10px;
      }
      #navdropdownmenu li ul{
      z-index:10;
      position:absolute;
      height:auto;
      width:200px; /* Lebar submenu */
      border-width:1px 0 0 0; /* Tebal garis pinggir submenu */
      border-style:solid;
      border-color:#ffff66; /* Warna garis pinggir submenu */
      }
      #navdropdownmenu li ul li a, #navdropdownmenu li ul li a:link, #navdropdownmenu li ul li a:visited{
      float:none;
      background:black; /* Warna latar belakang submenu */
      width:200px; /* Lebar submenu. Isi dengan nilai yang sama */
      border-width:0 1px 1px 1px; /* Tebal garis pinggir submenu */
      border-style:solid;
      border-color:#ffff66; /* Warna garis pinggir submenu */
      }
      #navdropdownmenu li ul li a:hover{
      background:yellow; /* Latar belakang submenu ketika kursor mouse berada di atasnya */
      color:black; /* Warna teks submenu ketika kursor mouse berada di atasnya */
      }
      #navdropdownmenu li:hover ul, #navdropdownmenu li a:hover ul#submenu, #navdropdownmenu li:hover a:hover ul#submenu{
      z-index:10;
      position:absolute;
      height:auto;
      width:200px; /* Lebar submenu */
      left:auto;
      }
      .ngumpet{
      display:none;
      }
      .muncul{
      display:block;
      }







 Selanjutnya untuk membuat text MARQUEE

menggunakan tag

Contoh Marquee
Jika mau lebih kreatif lagi tampilannya, silahkan kreasikan dengan attribut ini :
  • bgcolor >> berfungsi untuk mengatur warna background (latar belakang) teks.
  • direction >> untuk mengatur arah gerakan teks, bisa left, right, up atau down.
  • behavior >> gunanya untuk mengatur perilaku gerakan, bisa scroll, slide atau alternate.
  • scroll >> menunjukkan teks bergerak berputar.
  • slide >> menunjukkan teks bergerak sekali lalu berhenti.
  • alternate >> menunjukkan teks bergerak dari kiri ke kanan lalu balik lagi.
  • title >> yaitu pesan akan muncul saat mouse berada di atas teks.
  • scrollamount >> yaitu untuk mengatur kecepatan gerakan dalam piksel, semakin besar angka semakin cepat gerakannya.
  • scrolldelay >> berfungsi untuk mengatur waktu tunda gerakan dalam mili detik
  • width >> untuk mengatur lebar blok teks dalam pixel atau persen.
  • height >> untuk mengatur tinggi area marquee

6 Komentar:

wah, sepertinya antusias banget buat ngebantu yang nanya ttg marquee itu yaak.. :D sampe dibuat posting segala... :D

salam kenal :D

aku ridha, yang nanya solusi bila tidak sempat ke warnet :D ahahahaa..

nice post gan..

Salam kenal kembali ridha.

Salam kenal kembali ridha....
oya... udah nemu jawaban dari pertanyaan kamu?
klo belum ini aq pny jawabannya,
banyak aplikasi ngeblog offline yang tersebar di google,, search aja gan...
"aplikasi blogging offline"
"ngeblog offline"
"ngeblog tanpa koneksi"
atau keyword lainnya yang berkenaan dengan itu.
nah aplikasi2 tersebut bisa buat ngeblog tanpa harus ada koneksi. ntar begitu ada koneksi tinggal dipublish aja, sekalian semua sekali publis.

weess

terimakasi uda di share ttg offline blogging

kemarin aku padahal juga ada nanya apa aplikasi client yang baik untuk ngeblog yang enak, mudah, dan nyaman.. tapi ..pak jonru nya engga njawab..

haha

aku sih ngepost entry pake android, pake aplikasi BLOGAWAY.

makasi udah mampir ke blog aku yaa :D

btw, blog vizology ini udah mantep banget yakk :D

yah,,kepada panitia...

besok2 klo buat seminar,,ne uda ada pematerinya..
sehingga peserta tidak kan dapt jawaban "searching x dgoogle...bla...bla..."

pandean peserta nih,,ato pematerinya yang pelit ilmu...
hehehehe

Post a Comment