Cara Untuk Membuat Menu Dropdown Pada Blog

Cara Untuk Membuat Menu Dropdown Pada Blog Cara Untuk Membuat Menu Dropdown Pada Blog - Hallo kembali lagi dengan saya Hounes, Ka...

Cara Untuk Membuat Menu Dropdown Pada Blog

Cara Untuk Membuat Menu Dropdown Pada Blog - Hallo kembali lagi dengan saya Hounes, Kali ini dalam sebuah konsep pada blog agar setiap postingan akan terasip rapi setiap bulannya. Pada setiap pergantian bulan seperti bulan Januari, makan terasip pada bulan Desember dibagian sidebar pada blog. Akan tetapi jika kita yang sudah lama ngeblog setahunan maka arsip dari Januari sampai ke Desember akan berjejer menjadi rapi pada sidebar. Jadi bagaimana jikalau untuk dua atau tiga tahun kedepannya lagi? Langkah yang sangatlah praktis itu dengan menggunaakn pull-down seperti contoh yang ada dibawah ini.


- Archives - Januari 2017 Februari 2017 Maret 2017 April 2017 Mei 2017 Juni 2017


Jadi apapun yang kita blogging ke dalam blog kita juga akan terasip dengan rapi dari setiap bulan dari tahunnya. Untuk itu kegunaan dari Dropdown ini agar blogger kita tidak tampak berjejer panjang dibagian pada sidebar blog anda. Yang nampak hanya ada kotak kecil yang bertulisan "Archives" yang bisa untuk anda kllik dan akan muncul dari nama bulan dan tahun tergantung dari anda arsipkan.

Untuk dari anda yang ingin untuk pulldown ada dua cara yang yakni untuk template klasik dan template baru. Berikut ini saya yang akan memberitahu cara untuk template klasik :

1. Login ke blog dengan menggunakan email yang anda daftarkan pada blog

2. Klik pada template

3. Bagian pada sidebar akan ada bagian archives kemudian masukkan kode dibawah ini.

&<bloggerarchives> <a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a> </BloggerArchives>

4. Nah ganti dengan kode yang ada diatas ini dengan kode html yang ada dibawah ini :

<select name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected>- Archives -</option> <bloggerarchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives> </select>

5. Apabila sudah selesai silahkan tinggal klik SAVE CHANGES. Bila sudah selesai klik REPUBLISH.

6. Selesai.

Untuk yang ingin memakai dari template yang baru langsung yang juga lebih mudah dari yang klasik tentunya. Berikut dari cara yang akan saya terapkan.

1. Login ke blog dengan menggunakan email yang anda daftarkan pada blog

2. Klik menu LAYOUT

3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive

4. Klik Edit kotak Blog Archive tadi kembali

5. Disamping dari itu ada tulis dari style dan juga ada beberapa radio button, pilih radio button yang sudah beruliskan Dropdown Menu dengan memberikan tanda ceklis

6. Klik SAVE CHANGES

7. Selesai.

Nah untuk dari keterangan yang sudah ada diatas ini juga merupakan dari langkah Cara Untuk Membuat Menu Dropdown Pada Blog. Untuk dari dropdown yang ada linknya juga bisa untuk anda terapkan dari cara yang ada dibawah ini dengan kode HTML :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION> 

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form> 

Sebagai contoh yang ada akan saya berikan satu menu dropdown yang saya buat dibawah ini :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected>Blog Tutorial</OPTION>

<option value="https://belajarseojuara.blogspot.co.id/2017/07/cara-posting-artikel-blogger.html">Cara Posting Artikel Blogger</option>

<option value="https://belajarseojuara.blogspot.co.id/2017/07/cara-memasang-jam-pada-sidebar-blogger.html">Cara Memasang Jam Pada Sidebar Blogger</option>

<option value="https://belajarseojuara.blogspot.co.id/2017/07/cara-memasang-cctv-pada-tampilan-blog.html">Cara Memasang Jam Pada Sidebar Blogger</option>

</select></form> 

Hasilnya akan seperti ini :

Blog Tutorial Cara Posting Artikel Blogger Cara Memasang Jam Pada Sidebar Blogger Cara Memasang CCTV Pada Tampilan Blog


Sangat mudah bukan? Untuk anda yang sedang belajar blogging bisa untuk anda terapkan tutorial yang ada diatas ini. Terima kasih. Salam Juara.


-------------------------------------------------------------------------------------------------------------------------

Ditulis oleh : Christian Hounes
Description : Cara Untuk Membuat Menu Dropdown Pada Blog

-------------------------------------------------------------------------------------------------------------------------