Blog Regi Brader

Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Home » Blogging » Cara Mengedit Menu Navigasi pada Template Blogspot Hasil Download

Cara Mengedit Menu Navigasi pada Template Blogspot Hasil Download

Kali DIBAGIKAN
Share ke Facebook Share Share ke G+ Share
Sebagian Blogger lebih senang menggunakan Template pada Blog-nya dengan Template hasil download. Dibandingkan dengan template bawaan blogspot yang terlihat sangat sederhana, template hasil download ini cenderung lebih variatif. Memang template bawaan Blogspot lebih leluasa untuk edit tampilan dan ukuran kolom. Sedangkan template hasil download terasa sulit dalam pengeditan tampilan, salah sedikit saja akan membuat tampilan template berantakan, terkecuali bagi para Blogger yang telah mahir dalam edit Template.

Para pembuat template biasanya membuat template yang telah disertakan berbagai kebutuhan-kebutuhan para Blogger kebanyakan. Hal inilah yang membuat template hasil download lebih banyak dipilih para Blogger. Contohnya yang akan saya bahas kali ini yaitu template hasil download biasanya telah menyediakan menu navigasi yang berada di dekat header Blog dengan posisi horizontal.


Nama-nama menu di dalam navigasi ini pada keadaan awal pasti tidak akan sesuai dengan kebutuhan kita. Para newbie biasanya akan dibuat bingung mengenai bagaimana cara mengedit menu-menu tersebut agar bisa digunakan dan sesuai dengan kebutuhan blog-nya. Oleh karena itu, saya hanya akan jelaskan cara mengedit nama menu dan url tujuan pada menu navigasi ini. Hal ini mudah diatasi, hanya dengan sedikit pengeditan pada HTML template anda.

Cara Mengedit Menu Navigasi

  • Login ke akun Blogger anda.
  • Masuk ke bagian Template>> klik Edit HTML.
  • Lalu perhatikan nama-nama menu navigasi di halaman blog sobat saat ini.
  • Kemudian pada opsi Edit HTML, gunakan tombol ctrl+F untuk mencari salah satu nama menu navigasi. Contohnya kita mencari nama menu navigasi "privacy", maka akan muncul kode menu privacy serta kode-kode menu navigasi di sekitarnya.
Cara Mengedit Menu Navigasi
  • Tampilan kode-kode tersebut tidak akan jauh seperti gambar di atas. Satu buah menu navigasi memiliki kode yaitu dari <li>sampai</li>, contoh.

<li><a href='http://regibrader-free.blogspot.com/search/label/Edit%20Template'>Mengedit Template</a></li>
Script di atas akan menghasilkan menu navigasi dengan nama "Mengedit Template" dan saat di klik akan menuju ke halaman label Edit Template.
  • Selanjutnya kita hanya perlu mengubah nama menu dan mengubah url (url tujuan pada tombol menu navigasi). Ubah nama menu pada tulisan yang bergasis bawah biru, dan masukan/ubah url pada tulisan bergaris bawah merah.
  • Selain itu anda juga dapat menghapus menu navigasi jika tidak diperlukan. Hapuslah kode dari <li>sampai</li>.
  • Atau anda ingin satu menu navigasi tambahan. Anda hanya perlu mengcopy paste kode <li>sampai</li> yang telah ada, dan mengeditnya.
  • Setelah pengeditan selesai, silakan klik pratinjau terlebih dahulu untuk meminimalisir terjadinya kegagalan. Jika dalam tampilan pratinjau telah berhasil, maka klik Simpan Template.

Artikel terkait : Cara Mengedit Menu Navigasi pada Template Blogspot Hasil Download

Artikel Blog Regi Brader Lainnya :

56 komentar:

  1. UnknownMarch 9, 2013 at 10:06 PM

    mas sama sama pengguna b-seo v5
    tapi ane pada pages staticnya ...
    terjadi error , apa anda sudah ada solusinya ??
    http://venus4rt.blogspot.com/
    itu blog saya , template aslinya udah berubah 90% mas ....

    ReplyDelete
    Replies
    1. Regi AdemoelyaMarch 10, 2013 at 1:15 AM

      sob, maaf nih malah nanya balik.. pages static yang dimaksud itu yang berada dimana ya??

      Delete
    2. UnknownMarch 16, 2013 at 5:07 PM

      pages itu om ...
      biasa berada di xxxx.blogspot.com/p/nama.html itu tuh ..
      tapi udah bener kok ...

      kalau ada yang mau template yg saya miliki bisa datang dan berkunjung .....

      Delete
    3. Regi AdemoelyaMarch 16, 2013 at 5:16 PM

      Oh, OK saya ngerti..hhe
      Sip, Syukur kalo udah bener sob,.
      Sukses selalu..

      Delete
    4. AdminJuly 3, 2016 at 4:05 PM

      Punya agan pages staticnya belum diedit pada Template/Edit HTML, jadi masih tanda pagar #

      Delete
  2. AdminMarch 11, 2013 at 11:20 AM

    makasih gan membantu.!!

    jangan lupa kunjungan balik nya ya ..?

    http://baim-ingin-berbagi.blogspot.com/#

    ReplyDelete
    Replies
    1. Regi AdemoelyaMarch 11, 2013 at 11:55 AM

      terimakasih juga telah berkunjinng... tunggu kunjungan balik saya...

      Delete
  3. UnknownMarch 12, 2013 at 10:45 AM

    thanks banget yaa

    ReplyDelete
  4. ArdianPradanaMarch 17, 2013 at 1:32 PM

    makasih gann

    ReplyDelete
  5. AnonymousMarch 29, 2013 at 8:36 AM

    great sobat maju terus
    http://sehatalamianamed.blogspot.com/

    ReplyDelete
  6. tarhadiMay 3, 2013 at 10:04 AM

    Mas,, gimana caraNya klo kita cari list item di HTML secara acak yg di dalamnya t'dapat jutaan bahkan puluhan juta, sementara yang mw d cari cuman 1 item saja.

    Thank sbelumNya Brewww....!!! :-)
    Wassalam

    ReplyDelete
    Replies
    1. Regi AdemoelyaMay 3, 2013 at 1:49 PM

      Biasanya saya menggunakan tombol ctrl+F dan mengetikan kata yang akan dicari. Kalo memang terdapat banyak kata yang sama, sobat harus lebih teliti lagi untuk menentukan kata mana yang sebenarnya sobat maksudkan.

      Delete
  7. UnknownMay 12, 2013 at 4:42 PM

    kayaknya yg skarang kagak adaCentang Expand Template Widget nih sob, gimana solusinya?

    mohon kunjungan balik ya http://ediztian.blogspot.com/ kunjungan agan sangat membantu saya .

    ReplyDelete
    Replies
    1. Regi AdemoelyaMay 12, 2013 at 6:06 PM

      Iya sob memang, posting ini saya buat ketika masih ada expand template widget, dan maaf belum saya update lagi. Tidak masalah sob, jadi script-nya sudah tampil keseluruhan, tidak perlu di expand lagi...

      Delete
  8. UnknownMay 22, 2013 at 2:50 PM

    trus gan gimana caranya mengisi menu2 tsb dengan kalimat atau sebuah artikel?

    ReplyDelete
    Replies
    1. Regi AdemoelyaMay 22, 2013 at 5:26 PM

      Yah tinggal ganti saja tulisannya dengan nama menu yang sobat inginkan. Lalu masukan URL tujuan dari menu tersebut.

      Delete
  9. UnknownMay 31, 2013 at 3:02 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  10. UnknownJune 1, 2013 at 9:59 PM

    terimaksih postingnya
    berkat posting agan
    saya jadi mengerti
    terima kasih Gan

    ReplyDelete
  11. ZIADIJune 27, 2013 at 9:24 PM

    Kalau mau bikin menu drop down pada halaman bagaimana cara y, tlg pencerahannya. trima ksh atas tanggapan y

    ReplyDelete
  12. Regi AdemoelyaJune 28, 2013 at 6:42 AM

    Kalau template yang sobat gunakan adalah template bawaan blogspot, membuat menu dropdown bisa dengan cara pada halaman ini "http://regibrader-free.blogspot.com/2013/01/cara-membuat-sub-menu-pada-blog.html". Tapi jika templatenya hasil download, biasanya saya Coppy-kan saja dari kode menu dropdown yang telah ada.

    ReplyDelete
  13. UnknownJuly 8, 2013 at 5:04 PM

    gimana ya nih mas regi mulyana, saya bingung karena sangat pemula. coba lihat blog sy http://wawasanbayi.blogspot.com/ itu gimana cara ilangin atau ganti gambar yang muncul?

    ReplyDelete
    Replies
    1. Regi AdemoelyaJuly 8, 2013 at 7:44 PM

      Maskud sobat yang camera slider ya? sebenarnya saya kurang tau dengan hal ini. Tapi setelah saya telusuri template punya sobat, mungkin begini untuk cara menggantinya. Pada Template>>Edit HTML cari url "http://pakdhe-johny.blogspot.com/" dan ubah dengan URL blog sobat. Itu template dari maskolis/mastemplate, untuk lebih jelasnya silakan kunjungi halaman sumber template itu berasal. Banyak pertanyaan2 yang telah dijawab oleh pembuat template, atau buat pertanyaan pada pembuat template.

      Delete
    2. Regi AdemoelyaJuly 8, 2013 at 7:50 PM

      Memang berhasil dengan cara yang telah saya sebutkan tadi. Tapi perlu diperhatikan, terlebih dahulu sobat harus membuat posting-posting yang disertai gambar. Maka gambar pada slider akan berubah menjadi gambar-gambar pada posting blog sobat.

      Delete
  14. Si KapilJuly 27, 2013 at 1:18 PM

    makasih infonya..

    torotoroyihaa.blogspot.com

    ReplyDelete
  15. HadyJuly 29, 2013 at 2:56 PM

    kok gak ada ya sob .. .

    http://nudistaku.blogspot.com/

    ReplyDelete
    Replies
    1. Regi AdemoelyaJuly 29, 2013 at 4:07 PM

      gunakanalah cara alternatif yang telah saya jelaskan di akhir posting ini, pasti berhasil.

      Delete
  16. UnknownSeptember 13, 2013 at 6:47 AM

    nice info...sy coba aplikasikan...

    ReplyDelete
  17. UnknownSeptember 17, 2013 at 8:07 PM

    makasih infonya gan
    http://sang-pencopet.blogspot.com/

    ReplyDelete
  18. UnknownNovember 11, 2013 at 3:52 AM

    thanks sob,, membantu sekali

    ReplyDelete
  19. Uda AwakNovember 16, 2013 at 10:46 PM

    Belajar edit menu navigasi, Sob. Terima kasih

    ReplyDelete
  20. Hipo GzNovember 24, 2013 at 2:24 AM

    thanks sob, infonya sangat makyus

    ReplyDelete
  21. Lintas SagoeJanuary 6, 2014 at 10:28 PM

    Pratinjau nya lama ya gan???
    tolong infonya?

    ReplyDelete
  22. AnonymousMarch 31, 2014 at 4:06 AM

    Terima kasih atas infonya :)

    http://serbasharing.blogspot.com/

    ReplyDelete
  23. hendraJune 29, 2014 at 9:52 AM

    di coba gan......trims
    http://rumah-jakarta-bekasi.blogspot.com/

    ReplyDelete
  24. UnknownJuly 31, 2014 at 11:35 PM

    thanks gan sangat bermanfaat... : )
    di tunggu kunjungannya http://ilmu-tekno-11.blogspot.com/#_

    ReplyDelete
  25. wicakOctober 3, 2014 at 3:29 PM

    makasih infonya bang Ade sangat berguna ^_^

    ReplyDelete
  26. Asyaf SyaffarOctober 26, 2014 at 2:27 PM

    thanks gan atas infonya
    membantu sekali
    ditunggu kunjugan baliknya http://acepasel.blogspot.com

    ReplyDelete
  27. UnknownMarch 3, 2015 at 2:41 PM

    Manteeep sob artikelnya :)
    Ijin share http://pengobatanalamimustajab.com/cara-melangsingkan-tubuh-setelah-melahirkan/

    ReplyDelete
  28. UnknownJuly 3, 2015 at 1:03 PM

    terimakasih infonya,,
    sangat menarik dan bermanfaat,,
    mantap

    ReplyDelete
  29. UnknownJuly 4, 2015 at 8:29 PM

    kunjungannya ya gan :)
    http://secondhome101.blogspot.com/

    ReplyDelete
  30. UnknownNovember 12, 2015 at 12:09 PM

    Terimakasih.. artikelnya sangat membantu..

    ReplyDelete
  31. UnknownMarch 29, 2016 at 10:08 AM

    mas cara mengaitkan artikel nya gmn??ketika yg d klik menu navigasi wisata artikel nya wisata smua.mksh

    ReplyDelete
    Replies
    1. Regi AdemoelyaApril 7, 2016 at 7:43 PM

      Kalau ingin seperti itu silakan kunjungi halaman ini "http://www.regibrader.com/2014/01/cara-memasang-label-pada-menu-navigasi.html"

      Delete
  32. UnknownMay 13, 2016 at 10:00 PM

    mas kode html tiap templet itu beda beda ya? bingung baca sana sini ko"totorialnya beda",,trus url yang di masukin waktu ngisi menu itu yang mana ya? mohon bantuannya,www.liric.top acak kadul tuh!

    ReplyDelete
    Replies
    1. Regi AdemoelyaMay 14, 2016 at 1:01 AM

      coba kembalikan menu-menu navigasi pada blog masa ke keadaan semula. Kemudian lakukan tutorial pada artikel ini pelan-pelan dan teliti. Atau mas bisa melihat referensi lain pada 2 halaman ini "http://www.regibrader.com/2014/01/cara-memasang-label-pada-menu-navigasi.html" dan "http://www.b-tutorial.com/2014/07/mengedit-menu-navigasi-pada-template.html"

      Semoga membantu

      Delete
  33. AdminJuly 13, 2016 at 2:03 PM

    Thanks buat tutorialnya sangat membantu editing template..

    ReplyDelete
  34. AlvianJuly 20, 2016 at 11:57 PM

    Yang ini simpel, tetapi ane masih kebingung untuk menghilangkan menu dropdownnya gan. ada solusi?

    ReplyDelete
  35. kitchenset tangselJuly 23, 2016 at 11:56 PM

    mas kalo mau tambah menu di templates hasil download cara ny gimana?menu di blog saya cuma beranda doang,,,tolong bantuan nya,,,sy newbie,,,ini alamat blog saya http://kitchensettangsel.blogspot.com/

    ReplyDelete
    Replies
    1. Regi AdemoelyaAugust 1, 2016 at 10:13 PM

      biasanya di template hasil donwload selalu ada menu navigasi, dan kita tinggal mengeditnya. Kalau pun tidak ada navigasi, seharusnya ada panduan menambahkan menu dari si pembuat template

      Delete
  36. UnknownAugust 23, 2016 at 7:35 PM

    Makasih atas infonya

    ReplyDelete
  37. Rachannel RohmadainiAugust 25, 2016 at 3:32 PM

    langsung di praktekin gan

    ReplyDelete
  38. UnknownSeptember 19, 2016 at 2:14 PM

    Makasih Min, Sangat membantu.
    BTW kunjungi blog saya masih baru... :D
    http://seputarilmupengetahuan-umum.blogspot.co.id/

    ReplyDelete
  39. UnknownSeptember 24, 2016 at 7:41 AM

    makasih infonya ..

    ReplyDelete
  40. UnknownOctober 26, 2016 at 9:54 PM

    Terima kasih gan..tapi tetap aza untuk sub-menu diklik masih ada masalah


    http://salsabila-ravina.blogspot.co.id

    ReplyDelete
  41. yayanmulyanaNovember 1, 2016 at 11:15 PM

    terimakasih ya sudah membantu saya sebagai bloger pemula. semoga ilmunya bermanfaat gan. jangan lupa mampir http://ragamhidupnieyan.blogspot.co.id/

    ReplyDelete

Copyright © 2013-2016 Blog Regi Brader - All Right Reserved