Cara Membuat Menu Dropdown

Dalam memposting sesuatu diblog,isinya semakin lama semakin bertambah apa lagi ditambah aksesoris maka semakin padatlah halaman blog kita. Agar halaman blog kita kelihatan tidak padat pada bagian menu arsip sebaiknya dibuatkan daftar menu dalam bentuk dropdown disamping kelihatannya bagus dan rapi juga dapat menghemat ruangan, sebab didalam blog semakin-lama semakin banyak postingan atau widget-widget yang akan ditambahkan. Jadi dengan adanya menu dropdown maka halaman posting akan menjadi hemat atau cukup. Bayangkan seandainya postingan kita terkumpul selama bertahun-tahun-tahun, berapa banyak ruangan yang diperlukan untuk arsip. Bisa-bisa habis satu ruangan kolom untuk arsip.

Adapun cara membuat menu dropdown adalah sebagai berikut :

Untuk membuat arsip Fulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru.

1. buka blog Anda

2. Klik Template

3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

& <BloggerArchives>


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



</BloggerArchives>

4. ganti kode di atas dg kode html di bawah 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 selesai, klik SAVE CHANGES. klik DONE, lalu klik REPUBLISH.

6. Selesai.

Untuk anda yang memakai template baru :


1. buka blog anda

2. klik LAYOUT

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

4. Klik Edit pada kotak Blog Archive tadi

5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek

6. Klik Save Changes

7. Selesai

keterangan di atas merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang membuat menu dropdown yang di dalam terdapat link,

Untuk membuatnya silahkan anda copy kode HTML di bawah :

<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 URL sub halaman">judul postingan</option>< </select></form>

Sebagai contoh untuk menu Dropdown :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Kolom-Blog -</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/bidvertiser.html ">Bidveriser</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-statistik-meter-dan-tracker.html "> Statistik Meter dan Tracker</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-jam.html "> Pasang Jam </option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambah-calender.html "> Pasang Kalender </option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-aksesoris-slide-show.html ">Pasang SlideShow < </option>

<option value=" http://kolom-blog.blogspot.com/2009/06/mengganti-aksesoris-label_02.html "> Mengganti Aksesoris Label </option>

<option value=" http://kolom-blog.blogspot.com/2009/05/mengenal-widget_31.html ">Menambah Widget</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-media-player.html
">Media Player</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-translate-terjemahan.html ">Translate</option>



</select></form>

Hasilnya akan seperti ini :



buat kang Rohman di bandung saya ucapkan terimah kasih salam dari saya
....
Dalam memposting sesuatu diblog,isinya semakin lama semakin bertambah apa lagi ditambah aksesoris maka semakin padatlah halaman blog kita. Agar halaman blog kita kelihatan tidak padat pada bagian menu arsip sebaiknya dibuatkan daftar menu dalam bentuk dropdown disamping kelihatannya bagus dan rapi juga dapat menghemat ruangan, sebab didalam blog semakin-lama semakin banyak postingan atau widget-widget yang akan ditambahkan. Jadi dengan adanya menu dropdown maka halaman posting akan menjadi hemat atau cukup. Bayangkan seandainya postingan kita terkumpul selama bertahun-tahun-tahun, berapa banyak ruangan yang diperlukan untuk arsip. Bisa-bisa habis satu ruangan kolom untuk arsip.

Adapun cara membuat menu dropdown adalah sebagai berikut :

Untuk membuat arsip Fulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru.

1. buka blog Anda

2. Klik Template

3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

& <BloggerArchives>


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



</BloggerArchives>

4. ganti kode di atas dg kode html di bawah 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 selesai, klik SAVE CHANGES. klik DONE, lalu klik REPUBLISH.

6. Selesai.

Untuk anda yang memakai template baru :


1. buka blog anda

2. klik LAYOUT

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

4. Klik Edit pada kotak Blog Archive tadi

5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek

6. Klik Save Changes

7. Selesai

keterangan di atas merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang membuat menu dropdown yang di dalam terdapat link,

Untuk membuatnya silahkan anda copy kode HTML di bawah :

<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 URL sub halaman">judul postingan</option>< </select></form>

Sebagai contoh untuk menu Dropdown :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Kolom-Blog -</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/bidvertiser.html ">Bidveriser</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-statistik-meter-dan-tracker.html "> Statistik Meter dan Tracker</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-jam.html "> Pasang Jam </option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambah-calender.html "> Pasang Kalender </option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-aksesoris-slide-show.html ">Pasang SlideShow < </option>

<option value=" http://kolom-blog.blogspot.com/2009/06/mengganti-aksesoris-label_02.html "> Mengganti Aksesoris Label </option>

<option value=" http://kolom-blog.blogspot.com/2009/05/mengenal-widget_31.html ">Menambah Widget</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-media-player.html
">Media Player</option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-translate-terjemahan.html ">Translate</option>



</select></form>

Hasilnya akan seperti ini :



buat kang Rohman di bandung saya ucapkan terimah kasih salam dari saya
....

Related Post

Previous
Next Post »