• ABOUT
  • FAQ
  • SITEMAP
  • PRIVACY POLICY
  • DISCLAIMER
  • CONTACT
  • TERM OF SERVICE

NGEGADGETS.BLOGSPOT.COM

Berita Gadget, Harga Gadget, Spesifikasi Gadget dan Tips Trik Gadget

  • HOME
  • BERITA
  • 1 JUTA -
  • 1 JUTA+
  • 2 JUTA+
  • 3 JUTA+
  • 4 JUTA+
  • 5 JUTA++
  • APPS
  • GAME
  • LAPTOP
  • TIPS TRIK
Home » TIPS BLOG » Cara Membuat Drop Down Menu pada Blog

Cara Membuat Drop Down Menu pada Blog

Advertisement
Cara Membuat Drop Down Menu pada Blog

Ngegadgets Indonesia - Dropdown menu berfungsi untuk membuat tampilan menu pada blog lebih ringan atau lebih sederhana, dropdown menu juga berfungsi untuk meletakkan link terusan ke halaman ang kita sukai, link terkait, ataupun sub link lain yang seperti Kita inginkan. Contohnya saja seperti menu tab yang terdapat pada blog Ngegadgets Indonesia ini. Jika anda mengarahkan cursor ke menu maka ada drop down menu yang akan nampak

Cara Membuat Drop Down Menu pada Blog
Cara Membuat Drop Down Menu pada Blog
Sebelum meneruskanya tim redaksi ngegadgets indonesia mengucapkan selamat membaca mengenai bagaimana cara membuat drop down menu atau sub menu kedalam blog. Anda juga bisa membaca tips dan trik blogger sederhana lainya di blog ngegadgets indonesia.

Cara membuat dropdown sebagai berikut :

1. Login akun blogger anda terlebih dahulu, dari dashboard > layout > page element > add a gadget > HTML/javascript

2. Copy code berikut ke dalam ruangan html/javascript. yang baru


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
</select>


Keterangan :
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan judul /kalimat untuk link

Jika anda ingin memasukkan lebih banyak menu, cuma copy paste <option value="Link 2">Text 2</option> dan letakkan sebelum ini </select>

3. Selesai, save lihat hasilnya :)


TAMBAHAN:

Untuk kode di atas, apabila link dibuka pada tab yang sama. Untuk buka link pada tab lainya, gantikan kode :
<select onChange="document.location.href=this.options[this.selectedIndex].value;">


dengan kode :
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Terimakasih, jangan lupa untuk meninggalkan komentar sebagai ucapan terimakaih dan dukungan akan berlangsunya blog tentang gadget Saya ini, sekian tulisan mengenai cara membuat drop down menu
Advertisement
Posted by Fandi Ahmad on Minggu, 31 Agustus 2014 - Rating: 5
Judul : Cara Membuat Drop Down Menu pada Blog
Descripsi : Cara Membuat Drop Down Menu pada Blog Ngegadgets Indonesia - Dropdown menu berfungsi untuk membuat tampilan menu pada blog lebih ringa...
Subscribe : Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di NGEGADGETS.BLOGSPOT.COM

Share to

Facebook Google+ Twitter

2 Responses to "Cara Membuat Drop Down Menu pada Blog"

  1. Unknown31 Agustus 2014 pukul 22.48

    mantap gan ;)

    di tunggu kunjungan baliknya gan http://www.infocybers.web.id

    BalasHapus
    Balasan
    1. Fandi Ahmad1 September 2014 pukul 07.15

      Oke Bro, terimakasih banyak atas kunjunganya

      Hapus
      Balasan
        Balas
    2. Balas
Tambahkan komentar
Muat yang lain...

PERHATIAN : Copas sertakan sumber, jadilah Blogger yang bermartabat!

JANGAN MALU BERTANYA DAN MENINGGALKAN KOMENTAR

Silahkan Backlink via Name/URL!

Ayo berpartisipasi membangun budaya berkomentar yang baik. Kolom komentar tersedia untuk diskusi, berbagi ide dan pengetahuan tentang teknologi ataupun gadget. Hargai pembaca lain dengan berbahasa yang baik dalam berekspresi. Setialah pada topik [Berkomentar Secara Relevan]. Jangan menyerang atau menebar kebencian terhadap suku, agama, ras, atau golongan tertentu.

Jika menghendaki Komentar ingin dibalas, silahkan komentar menggunakan akun Google Anda!

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)
Related Posts Plugin for WordPress, Blogger...

Daftar Harga Handphone, Smartphone, Phablet dan Tablet Terbaru Berbagai Merk

Ngegadgets.Com - untuk memudahkan navigasi tentang harga gadget terbaru, tim Ngegadgets Indonesia memberikan post khusus pemilahan harga ...

HARGA BERDASAR MERK

  • HARGA ACER
  • HARGA ADVAN
  • HARGA ALCATEL
  • HARGA APPLE
  • HARGA ASIAFONE
  • HARGA ASUS
  • HARGA AXIOO
  • HARGA BLACKBERRY
  • HARGA CROSS
  • HARGA EVERCOSS
  • HARGA HTC
  • HARGA HUAWEI
  • HARGA IMO
  • HARGA KATA
  • HARGA LENOVO
  • HARGA LG
  • HARGA MICROSOFT
  • HARGA MITO
  • HARGA MOTOROLA
  • HARGA NEXIAN
  • HARGA NOKIA
  • HARGA OPPO
  • HARGA PANASONIC
  • HARGA SAMSUNG
  • HARGA SMARTFREN
  • HARGA SONY
  • HARGA SPC
  • HARGA SPEEDUP
  • HARGA XIAOMI
  • HARGA ZTE

ARSIP BLOG

  • ►  2020 (1)
    • ►  Oktober (1)
  • ►  2016 (8)
    • ►  Mei (1)
    • ►  Maret (2)
    • ►  Februari (2)
    • ►  Januari (3)
  • ►  2015 (93)
    • ►  Desember (10)
    • ►  November (9)
    • ►  Oktober (2)
    • ►  September (6)
    • ►  Agustus (3)
    • ►  Juli (3)
    • ►  Juni (25)
    • ►  Mei (7)
    • ►  April (6)
    • ►  Maret (4)
    • ►  Februari (5)
    • ►  Januari (13)
  • ▼  2014 (565)
    • ►  Desember (31)
    • ►  November (41)
    • ►  Oktober (10)
    • ►  September (32)
    • ▼  Agustus (53)
      • Cara Membuat Drop Down Menu pada Blog
      • Harga dan Spesifikasi Samsung Galaxy Camera 2 GC20...
      • Harga dan Spesifikasi Samsung Galaxy K Zoom Terbar...
      • Cara Mendapatkan Pengunjung Dari Luar Negeri Pada ...
      • Harga dan Spesifikasi Dari Xiaomi Redmi 1S Terbaru...
      • Cara Memasang Tombol Like Facebook Ketika Blog di ...
      • Cara membuat daftar isi atau sitemap pada blog
      • Asus Zenfone 4 Dengan Harga 1 Jutaan RAM 1 GB Gori...
      • Pasang Button Share di Blog Anda, Cara Memasang Bu...
      • ZTE Kis 3 V790 Dengan Android KitKat Harga Rp 900 ...
      • Smartfren Andromax G2 Touch Qwerty Dengan Kamera 5...
      • Daftar 20 Universitas Terbaik di Indonesia
      • LG L20, Android KitKat Mungil Harga 800 Ribu Saja ...
      • Panasonic Eluga, Android Tampilan Premium Harga 1,...
      • Evercoss Elevate Y2 A80A, Octa Core Harga 2,4 Juta...
      • Mito A355, Phablet Layar 5,3 Inci dengan Quad Core...
      • Mito T660, Tablet Murah 700 Ribu Spesifikasi Lumayan
      • Spesifikasi Samsung Galaxy Note 4 Bocor di Benchmark
      • LG Nexus 5, Spesifikasi Gahar Lihat Harga dan Revi...
      • Google Juga Rayakan Hari Kemerdekaan Indonesia yan...
      • Malaysia Blokir Facebook, Benarkah?
      • Internet Explorer Punya Nama Baru? Simak Ulasanya ...
      • Install Antivirus di Android? Percuma!
      • Smartfren Andromax U2 Quad Core Harga 1,8 Juta
      • Nokia 107 Dual SIM, Harga Spesifikasi SMS dan Telf...
      • Apple iPad Air 128 GB, Tablet Canggih Harga Selang...
      • Acer Liquid Z200, Harga 900 Ribu Layar 4 Inci Deng...
      • Xiaomi Redmi rilis di Indonesia, harga 1,7 Juta
      • Blackphone Ternyata Tidak Aman!
      • Mito T330 Prime, Tablet Canggih Harga 1 Jutaan
      • Mito A150 Fantasy Pocket, Android Quad Core Harga ...
      • Review dan Download Game Temple Run 2 Gratis Untuk...
      • Moto X + 1, Bocor di Geekbench Lihat Spesifikasi G...
      • 7 Fungsi Kamera Android Yang Perlu Anda Ketahui
      • Tips Cara Membuat Android Menjadi Speedometer
      • Amankan 1,3 Miliar User Aktif, Facebook Akuisisi P...
      • Acer Chromebook CB5, Spesifikasi Tinggi Baterai Ta...
      • Heboh "Jilboobs" Berawal dari Facebook
      • Fungsi "BlackBerry Protect" Pada Blackberry 10 Unt...
      • Foto-foto Perempuan Ber "Jilboobs" Beredar di Duni...
      • Samsung Galaxy Trend II Duos S7572, Harga dan Spes...
      • Jelajahi Bulan Dan Planet Mars Mengunakan Google Maps
      • Samsung Galaxy Alpha, Harganya 11 Juta?
      • Sinyal Positif, BlackBerry Hentikan Pemecatan Kary...
      • Samsung VS Apple Kini Mau Berdamai
      • Nexian MI-438 Zephyr, Android Murah Harga 800 Ribu
      • Nokia lumia 630, Windows Phone Canggih Harga 2 Juta
      • Tips Membeli Dan Mengecek Kesehatan Smartphone Bla...
      • Mito Fantasy Text A500, Harga 700 Ribu Dengan Spes...
      • Tips Cara Mengaktifkan Hotspot Pada BlackBerry 10
      • Alcatel One Touch Pop C2, Android Harga Rp 1.3 Jut...
      • Pengguna BlackBerry Melorot Hingga Dibawah 1 Persen
      • Nexian M1-330 Philos, Android Murah Rp 600 Ribuan
    • ►  Juli (35)
    • ►  Juni (18)
    • ►  Mei (111)
    • ►  April (142)
    • ►  Maret (89)
    • ►  Februari (3)
  • ►  2013 (10)
    • ►  Desember (5)
    • ►  November (5)

WEBSITE INFORMATION


Flag Counter
blog
blog
Top  blogs
Technology Blogs
blog links

Critic

INFO

Visit Fandi Ahmad at Ping.sg
Copyright © 2014 NGEGADGETS.BLOGSPOT.COM | About - Privacy - Contact
Design by Mas Sugeng - Powered by Blogger |
DMCA.com Protection Status