Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah] - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah] , Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel desain, Artikel SEO, Artikel tips trik blogging, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah]
link : Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah]

Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah]

Cara Membuat Menu/Tombol DropDown di Blogger� Menu dropdown (combo box)merupakan menu yang jika di-klik akan menampilkan submenu dari menu tersebut. Preview dari menu drop down dapat Anda lihat seperti gambar dibawah ini. Cobalah untuk memilih salah satu submenunya, maka Anda akan dibawa pergi ke url yang terdapat dalam submenu tersebut. Menu drop down ini dapat digunakan sebagai alternatif pengganti menu bar blog Anda, karena menu drop down ini kecil dan hanya sedikit memakan tempat.

Menu/tombol drop down ini dapat digunakan untuk navigasi dalam blog, seperti navigasi laman, daftar tags/label, tautan menuju situs favorit dan lain sebagainya. Untuk memasang menu drop down ini, perhatikan script menu drop down dibawah ini :

<select onchange='javascript:window.open(this.options[this.selectedIndex].value);'style="width: 100%";>
<option value="#" />--Judul Drop Down-- 
<option value="url1" /> title link 1
<option value="url2" /> title link 2
<option value="url3" /> title link 3
</select>

Jika script menu drop downtersebut dipasang di blogger (melalui Tambah Gadget -> HTML/Javascript), script tersebut akan terlihat seperti tombol menu drop down dibawah ini.

--Judul Drop Down-- title link 1 title link 2 title link 3

Nah, misalkan saya menginginkan title menu dropdownini adalah Label Blog, kemudian title link 1pada menu dropdown itu menjadi Tips Trik Blogging, dan jika di klik akan menuju ke url : http://xxpc123xx.blogspot.com/search/label/tips%20trik%20blogging, maka tinggal lakukan pengubahan pada --Judul DropDown-- , url1 dan title link 1. Selengkapnya, lihat beberapa pengubahan yang saya lakukan pada script menu drop down dibawah ini :

<select onchange='javascript:window.open(this.options[this.selectedIndex].value);'style="width: 100%";>
<option value="#" />Label Blog
<option value="http://xxpc123xx.blogspot.com/search/label/tips%20trik%20blogging" /> Tips + Trik Blogging
<option value="url2" /> title link 2
<option value="url3" /> title link 3
</select>

Sehingga previewnya akan seperti ini :

Label Blog Tips + Trik Blogging title link 2 title link 3

Untuk mengetes menu drop down ini, cobalah untuk mengklik salah satu menu diatas. Untuk Anda yang menginginkan menu dropdown ini memiliki submenu lebih dari 3, Anda dapat menambahkan <option value=�link tujuan�/> Judul Link, sebelum </select>

Cara Memasang Menu DropDown di Blogger :

1.     Buka blog Anda di blogger, lalu klik Tata Letak.

2.     Pada Tata Letak, pilih Tambahkan Gadget -> HTML/Javascript.

3.     Berikan judul pada kotak isian Judul, lalu pastekan kode HTML pada kotak dibawahnya.

4.     Klik Simpan untuk menyimpan menu dropdown.

5.     Buka blog Anda untuk melihat preview menu drop down di blog Anda

Sekarang, visitor blog Anda dapat menggunakan menu drop down tersebut sebagai alternatif navigasi di blog Anda. Selamat mencoba membuat menu drop down di blog!

Salam Blogger!

Demikianlah Artikel Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah]

Sekianlah artikel Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Menu/Tombol DropDown di Blogger, [SEOSangatMudah] dengan alamat link https://seosangatmudah.blogspot.com/2013/05/cara-membuat-menutombol-dropdown-di.html

Tweet