Membuat Menu Pull-Down di Sidebar

20 Agustus 2006 in Panduan Membuat Blog
Tags: ,

Farah Putri menanyakan apakah sistem menu pulldown atau drop-down untuk arsip itu bisa diimplementasikan untuk menu lain seperti untuk link blog teman-temannya? Jawabnya tentu saja bisa. Tapi dengan sedikit tambahan kode. Caranya semudah memasang menu pull-down untuk Arsip / archive blog kita.

Ikuti cara sederhana sebagai berikut:

A. MENU PULL-DOWN DI BLOGGER BARU (BETA / TEMPLATE XML)

1. Login ke blogger.com
2. Klik Tata Letak -> Tambah Gadget -> Javascript / HTML -> copy/paste kode di bawah ke kotak yang tersedia.
3. Klik Simpan. Selesai.

B. MENU PULL-DOWN DI BLOGGER LAMA (TEMPLATE CLASSIC)

1. Login ke blogger.com dg ID dan password Anda seperti biasa.
2. Klik judul blog Anda, dan klik TEMPLATE.
3. Di antara BEGIN SIDEBAR dan END SIDEBAR pasang kode berikut (copy dan paste):


<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected>- Other Blogs -</option>
<option value="http://fatihsyuhud.com/">Bloggerindonesia</option>
<option value="http://afatih.wordpress/">Blog Tutorial</option>
<option value="http://www.beasiswas.com/">Scholarships</option>
<option value="http://beasiswa.blogsome.com">Beasiswa</option>
<option value="http://beasiswa.blogs.ie/">Fellowships</option>
<option value="http://lowongankerjas.blogs.ie/">Job Vacancy</option>
<option value="http://kerja.blogs.ie/">Lowongan Kerja</option>
</select></form>

Setelah itu klik SAVE .

Tutorial Blog WordPress.com

Tutorial Blogger.com / Blogspot

Tutorial Umum Blogging (Untuk Wordress dan Blogger.com/Blogspot): Promosi dan Manfaat Membuat dan Menulis Blog

Tips Menulis di Blog

Pasang Iklan, Dapatkan Penghasilan Online

44 Replies

  1. farahPutri

    26 Agustus 2006 at 11:36 pm

    Mas, saya kan mo ganti template..tapi kok link pada “read more” nya tidak merujuk pada url postingan tersebut ya?yang keluar malah gini..

    http://kompilasikehidupan.blogspot.com/%3C$BlogItemPermalinkURL$

    Pada template yang sekarang sih tidak apa2,tapi template yang baru bermasalah,jadi saya tidak ganti dulu..

    thx ya

    Balas
  2. andhi

    28 Agustus 2006 at 6:50 pm

    terima kasih atas tutorial ini yg membantu saya membuat menu pulldown untuk “link list”
    tanya : kalo ingin membuat background menu pulldown ini menjadi hitam dan tulisannya menjadi putih, caranya bagaimana??
    soalnya: background blogspot saya hitam.
    terima kasih sebelumnya

    Balas
  3. jimmy_indra2000

    24 Desember 2007 at 3:10 am

    mas ..thank karena blog ini sdh cukup membantu…msh ada yg saya mau tanyakan nih..bagaimana membuat menu daftar di wordpress??
    thank

    Balas
  4. amen

    28 Januari 2008 at 6:47 pm

    BEGIN SIDEBAR DAN END SIDEBAR ITU DI MANA PAK?

    Balas
  5. amen

    28 Januari 2008 at 6:51 pm

    TOLONG BOS DIJELASIN TEMPATNYA, COZ SAYA NI MASIH PEMULA. TEMPAT BEGIN SIDEBAR DAN END SIDEBAR DI MANA?
    THANK

    Balas
  6. proxxy

    26 Februari 2008 at 3:00 pm

    om punten kasih tau dong cara mengganti thema dengan design potoshop sendiri, makasih ..

    Balas
  7. tia

    1 Maret 2008 at 6:14 am

    wah keren2 om artikel2nya

    Balas
  8. andy

    1 Maret 2008 at 6:18 am

    trimaksih mas, karena anda sekarang saya sudah bisa ganti template blog

    Balas
  9. miko

    2 April 2008 at 6:59 pm

    MAKASIH BANGET,

    KAYAK APA NE YA BALAS JASA-JASANYA MAS FATIH,

    Balas
  10. ISMET

    2 April 2008 at 7:01 pm

    MATUR SUWUN SANGET CAK FATIH…. SALAM KENAL ISMET TENGGARONG KALTIM

    Balas
  12. Indohack Dalnet

    6 Juni 2008 at 7:55 pm

    assalamu `alaikum…
    mas,,,

    cara buat BUKU TAMU nya ada di Sidebar nya gimana??

    ngeditnya dari mana mas??

    kalo boleh…

    blog saya mas

    http://indohack01.wordpress.com

    thanx ya mas

    Balas
  13. la_ketok

    31 Juli 2008 at 5:06 am

    mas klo langsung ngelink gimaanaaaaaaaaa……..?help me

    Balas
  14. codinxz

    9 Agustus 2008 at 3:39 pm

    kang blognya bagus thank juga buat ilmunya ya

    Balas
  17. ryden

    11 Nopember 2008 at 7:25 am

    caranya bikin comment supaya tampilnya di bawah posting gimana y?
    trims

    #lihat di sini -> http://afatih.wordpress.com/2008/08/27/cara-bikin-kotak-komentar-blogspot-seperti-wordpress/

    Balas
  19. Free Mags

    1 Desember 2008 at 11:47 am

    Menu pull down ini bisa dipakai juga untuk (misalnya) daftar download software atau free magazines ya mas?

    Balas
  20. Pakubumi

    4 Januari 2009 at 12:16 pm

    Sepertinya saya mau tulis daftar mantan pacar saya saja, sekalian no telpon.

    Balas
  22. MK

    7 Februari 2009 at 9:42 pm

    di setiap artikel beri pic contohnya donk bos…

    Balas
  23. Bakir

    14 April 2009 at 2:53 pm

    Blog ini sangat bagus

    Balas
  24. tipsandcara

    19 April 2009 at 11:05 pm

    wah terima-kasih mas…..btw kalau ifarme untuk munculin banner link gmana yah mas??
    trims
    tipsandcara

    Balas
  25. Bakir

    30 Mei 2009 at 12:25 am

    Boss biar diterima di google adsense harus pakek konten bahasa inggris ya boss?

    Balas
  1. 1 Membuat Menu Pull-Down di Sidebar « HuMAm Ari WAhYudiN’s Weblog Ping balik on Apr 20th, 2008 at 10:58 pm

    [...] Membuat Menu Pull-Down di Sidebar Posted by Fatih in Panduan Membuat Blog. trackback [...]

  2. 2 Cara Pasang Foto di Posting WordPress 2.5 « Zhambronk & Teknologi Ping balik on Jun 14th, 2008 at 5:21 am

    [...] Membuat Menu Pull-Down di Sidebar [...]

  3. 3 buku tamu « selamat datang pibayyiti! Ping balik on Jun 18th, 2008 at 1:08 pm

    [...] di frontpage situs / blog Anda yaitu sidebar, header atau footer bukan di subpage; (b) linknya bukan berupa menu pull-down, karena link dari menu pulldown itu bukan live-link dan tak terdeteksi technorati. Saran saya, [...]

  4. 4 Guest Book « Ek3r’s Weblog Ping balik on Jun 25th, 2008 at 12:38 pm

    [...] di frontpage situs / blog Anda yaitu sidebar, header atau footer bukan di subpage; (b) linknya bukan berupa menu pull-down, karena link dari menu pulldown itu bukan live-link dan tak terdeteksi technorati. Saran saya, [...]

  5. 5 30. Cara Membuat Menu Pull-Down di Sidebar : Kolom Blogger Ping balik on Jul 3rd, 2008 at 4:55 am

    [...] Dikutip oleh masenchipz dari sumber : Membuat Menu Pull-Down di Sidebar (Mas fatih) [...]

  6. 6 Home « Medicore92’s Ping balik on Agu 2nd, 2008 at 4:38 pm

    [...] kita dapat juga memakai Menu Pull-down supaya tempat jadi irit, tapi cara ini tidak dapat membuat live link (link hidup) sehingga teman [...]

  7. 7 Nge-blog di Wordpres yuk..(35) « cahaya di atas cahaya Ping balik on Nop 8th, 2008 at 3:27 pm

    [...] kita dapat juga memakai Menu Pull-down supaya tempat jadi irit, tapi cara ini tidak dapat membuat live link (link hidup) sehingga teman [...]

  8. 8 Tutorial Wordpress dan Blog « MediaMieda Ping balik on Nop 14th, 2008 at 7:29 am

    [...] Membuat Menu Pull-Down di Sidebar [...]

  9. 9 Tutorial WordPress.com « Mtopan’s Blog Ping balik on Des 31st, 2008 at 5:23 am

    [...] Membuat Menu Pull-Down di Sidebar [...]

  10. 10 Blogger Indonesia | Blogger Indonesia Ping balik on Jan 3rd, 2009 at 4:28 pm

    [...] or a particular link invisible to visitors; (c) it should be a live-link, a dead link such as blogroll in pull-down is not considered as a blogroll. To keep your blogroll space small, consider using drop-down or [...]

  11. 11 Blogroll New Rules in FatihSyuhud.Com Ping balik on Feb 18th, 2009 at 11:51 am

    [...] footer; NOT in the sub-page or posting; … (c) it should be a live-link, a dead link such as blogroll in pull-down is not considered as a blogroll. To keep your blogroll space small, consider using drop-down or [...]

  12. 12 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium Ping balik on Mar 8th, 2009 at 7:22 am

    [...] Membuat Menu Pull-Down di Sidebar [...]

  13. 13 perkenalan « K4m4li’s Blog Ping balik on Mar 16th, 2009 at 8:12 pm

    [...] Membuat Menu Pull-Down di Sidebar [...]

  14. 14 Tutorial Blog « gooooooo…! Ping balik on Mar 25th, 2009 at 12:41 pm

    [...] Membuat Menu Pull-Down di Sidebar [...]

  15. 15 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog Ping balik on Apr 6th, 2009 at 10:28 am

    [...] Membuat Menu Pull-Down di Sidebar [...]

  16. 16 Membuat Menu Pull-Down di Sidebar « Belajar bikin Blog dengan mudah Ping balik on Apr 26th, 2009 at 8:24 am

    [...] Sumber : A. Fatih [...]

  17. 17 Tutorial Blog « Virtual First Ping balik on Mei 6th, 2009 at 4:37 pm

    [...] Membuat Menu Pull-Down di Sidebar [...]

  18. 18 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya- Ping balik on Jun 3rd, 2009 at 9:15 am

    [...] Membuat Menu Pull-Down di Sidebar [...]

  19. 19 CARA BUAT WEBSITE GRATIS..! « TIADA KEMULIAAN TANPA ISLAM Ping balik on Jul 15th, 2009 at 7:00 pm

    [...] Membuat Menu Pull-Down di Sidebar [...]


« Membuat Link Blogroll di Blogger Blogspot
Blogger Versi Baru (BETA) »

Leave a Comment


trackback address