nih contohnya:
Naah tahu kan?dropdown menu berfungsi untuk menghemat tempat, agar lebih ringkas saja.
langsung aja,
Gini nih caranya :
Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.
Contohnya seperti ini :
<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected="" value="0">Blog Arsip</option>
<option value="http://horeblogging.blogspot.com/2014/08/cara-membuat-shoutbox-atau-chat-box.html"> Cara membuat shoutbox </option>
<option value="http://horeblogging.blogspot.com/2014/08/cara-memasang-translatorgoogle.html"> Cara memasang translator </option>
</select>
hasilnya akan terlihat seperti ini :
untuk menambahkan menu lagi, tambahkan kode seperti ini :
<option value="Links 2">Text 2</option>
sebelum kode </select>
Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.
Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
ganti dengan kode ini :
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
nih hasilnya dengan 3 menu
ARTIKEL TERKAIT:
trik blog
- Cara Membuat Efek Glow pada Teks atau Link Blogger
- Cara Membuat Teks Berjalan atau Marquee Teks
- Cara Membuat Div Styles dan Macam-Macamnya
- Cara Membuat Tombol di Blogspot dan Wordpress
- CARA MEMBUAT HIDDEN CHAT BOX
- Memberi Komentar di HTML
- Cara Edit HTML dan Expand Widget Templates Terbaru 2014
- Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
- CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
- CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
- CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
- Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
- Cara Mengganti Background Blog dengan Sambaran Petir
- Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
- Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
- 10 Situs Download Gambar Untuk Blog & Desain
- Cara Mengganti Kursor atau Mouse pada Blog
- Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
- Cara dasar membuat Link secara manual
- Cara Menambah Ikon Status Off/Online Yahoo Messenger
- Senilai Berapakah Harga Blog Kamu?
- Cara Membuat Menu Secara Horizontal
- Cara Mengganti Navigasi "Older Post" atau "Newer Post" Menjadi Berbentuk Angka
- Cara Membuat Shoutbox atau Chat Box pada Blogspot
tips blog
- Cara Membuat Efek Glow pada Teks atau Link Blogger
- Cara Membuat Div Styles dan Macam-Macamnya
- Cara Membuat Tombol di Blogspot dan Wordpress
- CARA MEMBUAT HIDDEN CHAT BOX
- Memberi Komentar di HTML
- Cara Edit HTML dan Expand Widget Templates Terbaru 2014
- Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
- CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
- CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
- CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
- Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
- Cara Mengganti Background Blog dengan Sambaran Petir
- Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
- Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
- 10 Situs Download Gambar Untuk Blog & Desain
- Cara Mengganti Kursor atau Mouse pada Blog
- Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
- Cara dasar membuat Link secara manual
- Cara Menambah Ikon Status Off/Online Yahoo Messenger
- Senilai Berapakah Harga Blog Kamu?
- Cara Membuat Menu Secara Horizontal
- Cara Mengganti Navigasi "Older Post" atau "Newer Post" Menjadi Berbentuk Angka
- Cara Membuat Shoutbox atau Chat Box pada Blogspot
- cara memasang translator:google translate pada blogspot
dropdown menu
No comments:
Post a Comment