Langkah-Langkah Membuat Drop Down Menu

3. Letakkan kode cascading style sheet dibawah kode yang diberi lingkaran seperti ditunjukkan oleh gambar berikut.

Gambar Letak Kode CSS

Cara membuatnya mudah. Cukup Anda copy dan paste code html berikut ke sidebar blog atau di manapun sesuai keinginan Anda:

<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="80%">
(teks atau link tulis di sini)</MARQUEE>

<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()'
onmouseout='this.start()' width="100%">

<a href="http://fatihsyuhud.com" target="new">- Blogger Indonesia -</a>
<a href="http://afatih.wordpress.com target="new">- Refleksi dan Blog Tutorial -</a>
<a href="http://www.jobvacancycareer.com/ target="new">- Jobs Info -</a>
<a href="http://www.beasiswas.com/ target="new">- Beasiswa -</a>
<a href="http://www.beasiswas.net/ target="new">- Beasiswa -</a>

<a href="http://www.beasiswas.info/ target="new">- Beasiswa -</a>
<a href="http://www.beasiswas.org/ target="new">- Beasiswa -</a>
<a href="http://lowonganbeasiswa.com/ target="new">- Beasiswa -</a>
<a href="http://beasiswa.blogs.ie/ target="new">- Beasiswa -</a>
<a href="http://www.lowongankerjas.com/ target="new">- Loker -</a>

<a href="http://www.lowongankerjas.net/ target="new">- Loker -</a>
<a href="http://www.lowongankerjas.org/ target="new">- Loker -</a>

</MARQUEE>

Catatan:

1. Kode <br /> adalah singkatan dari (line break) atau ganti garis, supaya setiap link tidak numpuk dalam satu baris. Bila jarak satu link dg link yg lain dianggap terlalu sempit, bisa ditambah dg kode <br /> lagi. Sesuai selera.
2. Kode target="new" atau target="_blank" berfungsi agar supaya tercipta window baru ketika ada yg mengklik link yg ada dalam marquee sehingga pengunjung tidak meninggalkan blog Anda.
   

Contoh Marquee untuk teks:

<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%">Mengutip sebagian
atau keseluruhan isi blog ini ke blog Anda dipersilahkan ASAL menyebut URL
sumber tulisan dan/atau permanent link artikel yg dikutip.
<br>

Komentar, saran atau pertanyaan dapat diajukan melalui bukutamu, kotak komentar
blog atau email ke: admin@jasaadsense.com.
</MARQUEE>

Catatan:

Jangan lupa untuk menyelipkan kode <br /> untuk ganti garis atau paragraf.

TIP PENTING:

1. Tag atau kode: direction=”up” artinya tulisan/teks bergerak ke atas seperti di blog ini, jadi kode “up” bisa diganti dg “down” bila ingin link/teks bergerak ke bawah; dan ganti menjadi “left” supaya bergerak ke kiri dan “right” supaya bergerak ke kanan.
2. Marquee hanya dapat digunakan di blogspot, self-hosted wordpress, dll.

• Untuk di blogspot, klik Elemen -> Teks -> pasang kode marquee di atas.
• Untuk self-hosted wordpress -> aktifkan widget -> naikkan widget text -> pasang kode marquee.
• blogsome.com, blogs.ie dan self-hosted wordpress: klik manage -> files -> pasang kode marquee di sidebar.

Semoga bermanfaat

Source : jasaadsense.com

Tulisan ini diperuntukan bagi Bloger pemula yang sedang belajar ngeblog.Tips ini ditulis karena banyak blogger pemula yang ingin membuat header blog bisa bergerak.

Cara ini hanya bermodalkan keatifitas dan sedikit kemampuan memahami Aplikasi Coreldraw/photoshop dan PhotoScape karena dengan aplikasi corel anda dapat mendisain gambar sesuka Anda, sedangkan photoscape Anda dapat membuat gambar foto Anda bergerak, dengan cara inilah Gambar bisa bergerak tersebut dalam bentuk GIF. Seandainya Anda belum mempunyai Aplikasi Photoscape Anda dapat mendownload di link ini klik disini .

Ketika anda membuka aplikasi photoscape maka pilihlah icon Angif untuk anda membuat gambar dalam bentuk GIF seperti yang nampak pada gambar di bawah ini.

Nah, setelah gambar Gif Anda jadi tinggal Anda masuk ke Dashboard Blog anda kemuldian klik Theme pada appearance lalu anda akan masuk ke costum header tinggal anda pilih choose file lalu upload gambar Gif dari Computer yang anda buat tadi setelah itu tinggal anda save change maka masuklah ke halaman utama blog anda maka header anda sudah terpampang dengan apik. Ini jika Anda menggunakan blog di WordPress. Bagi yang di Blogspot lebih gampang lagi, masuk ke dashboard pilih “rancangan/Plan” di bagian atas laman utama blogspot anda kemudian klik tambah widget dan pilih Header halaman tapi kalau yang sudah punya header tinggal klik edit kemudian upload lah gambar Gif tadi dari computer Anda. Selesai