Wednesday, March 5, 2014

Tips Cara Membuat "Tab/Menu Bar" pada Blogger/Blogspot

Kali ini saya akan membagi sedikit tips tentang, 
Bagaimana cara membuat "Tab/Menu bar" pada blogger/blogspot.

Menyimpang sedikit dari topik,
Sebagai pengguna blogger/blogspot, sebagai sarana mencurahkan isi hati saya (http://anto-cihui.blogspot.com/), kurang lebih baru sekitar satu minggu yang lalu, saya berhasil menemukan tutorial tentang hal ini.

Baik, kembali ke topik.
Sebelumnya menjelaskan lebih jauh, pertama....sebenarnya apa sih yang dimaksud dengan "Tab/Menu bar" ini pada blogger/blogspot?
Berikut contoh nya :





Bisa dilihat pada tampilan blog saya (http://anto-cihui.blogspot.com/) di atas, yang dilingkari merah itu adalah Tab/Menu bar.
Tab/Menu bar ini berfungsi sebagai tempat untuk memisahkan post-post kita kedalam masing-masing kelompok Tab/Menu bar yang sesuai dengan tema nya.
Degan Tab/Menu bar ini, maka pembaca akan dengan mudah menemukan post/artikel di dalam blog kita sesuai dengan tema yang diinginkan.
Baik, berikut tahapan-tahapan nya :



1. Pemberian "Label" pada setiap post/artikel anda,                                                  Pastikan setiap anda mem-posting artikel, pastikan "label" pada post anda di isi.   
          

    Note : Sebenarnya penamaan pada "label" tidak harus
              sama dengan penamaan pada "Tab/Menu bar"
              yang kita buat.
              Hanya saja berfungsi untuk mempermudah kita
              dalam mengelompokannya.

2. Bikin "Tab/Menu bar",
     Ada nya di Layout --> Pages --> Edit --> tampilan baru Configure Page List            --> +Add link page.
     
     



3. +Add link page,
     Isi "Page tittle" dan "URL" nya

     

4. Cara mengisi "URL" nya,
  Buka tampilan blog anda (bukan masuk ke tampilan management), klik "Label"    yang berada pada setiap post/artikel yang ada buat.


Setelah klik salah satu "label" maka akan tampil semua post/artikel anda yang memiliki "label" tersebut.
Copy URL nya, dan paste ke URL kolom ketika anda membuat di +Add link page.

Selesai, 
Step by step bagaimana cara membuat Tab/Menu Bar pada blog anda.


Silahkan men-coba, dan semoga membantu.

Salam 

Posted by at
Labels:
Location: Karet Semanggi, Setiabudi, South Jakarta City, Jakarta, Indonesia

116 comments:

  1. blog pnsMarch 9, 2014 at 12:00 PM

    makasih kan..
    salam kenal aja

    ReplyDelete
  2. Anto-CihuiMarch 12, 2014 at 11:47 AM

    Sami-sami gan....
    Mudah-mudahan bermanfaat :)

    ReplyDelete
  3. junJuly 17, 2014 at 7:00 AM

    Makasih Bro . . . .

    ReplyDelete
  4. UnknownJuly 18, 2014 at 11:04 PM

    Tutorial paling gampang yg saya temui
    makasih om :D

    ReplyDelete
  5. JASA DESAINSeptember 10, 2014 at 5:47 AM

    nice info.. keep sharing ya bro.. smoga makin maju blognya

    ReplyDelete
  6. Agung Putra Eka Tiady BlogSeptember 27, 2014 at 9:01 AM

    mampir gan ke http://agung-ian.blogspot.com & jangan lupa join

    ReplyDelete
  7. catatan triOctober 24, 2014 at 2:13 PM

    thx gan.. akhirnya sy bsa membuat tab menu degan tutorial Label ini

    mampir broo blog yg masih progress.. :D

    http://catatan-tri.blogspot.com/

    ReplyDelete
  8. UnknownOctober 25, 2014 at 6:16 AM

    Makasih Ya bro mudah mudahan Blog ini Banyak dilihat orang :D

    ReplyDelete
  9. Muhammad Pujo RaharjoNovember 5, 2014 at 4:55 PM

    maaf mau nanya kalo letak configure list setting nya d sbblh mna ya ?? msih kurang ngerti nih, hehe maklum newbie. :D

    ReplyDelete
    Replies
    1. Anto-CihuiNovember 7, 2014 at 4:02 PM

      Mas Pujo, ikuti langkah point 2.
      Tapi sebelumnya masuk/login dari www.blogger.com
      Selamat mencoba

      Delete
  10. UnknownNovember 30, 2014 at 2:29 PM

    mantab sob lagi di coba nih..

    ReplyDelete
  11. Dino AnggoroDecember 19, 2014 at 3:22 PM

    klo di dlm layout,page nya dimana ya ??

    ReplyDelete
    Replies
    1. Anto-CihuiDecember 22, 2014 at 2:52 PM

      Coba dilihat di bawah mas, soalnya peletakan pages ini tergantung dari template yang mas gunakan.
      "pages" ini bisa di pindah-pindah, di drag aja.

      Delete
    2. Dino AnggoroJanuary 11, 2015 at 5:28 PM

      terima kasih banyak penjelasan nya !!! sangat membantu saya dalam mengedit blog saya !!!

      kunjungi blog saya di : www.dinoblog01.blogspot.com

      Delete
    3. Anto-CihuiJanuary 12, 2015 at 1:06 PM

      Sama-sama, semoga bermanfaat

      Delete
  12. Rizka Hadi LestariDecember 22, 2014 at 8:57 AM

    di step kedua, sy gabisa nmemu pages (?) gmnaa maksdnya? yg ada malah tambahkan gadget..

    ReplyDelete
    Replies
    1. Anto-CihuiDecember 22, 2014 at 2:19 PM

      Masuk ke "layout" terlebih dahulu mas.
      Nanti di dalam layout ada "pages, header, blog, gadget, etc", nah pilih dan pindahkan "pages" ke atas (di drag aja).

      Delete
  13. UnknownDecember 29, 2014 at 9:12 PM

    kalo mau bikin sub laman gimana gan?
    jadi misal contohnya "Story" tadi ntar ada 2 sub. Satu sub laman "Fakta" satunya sub laman "Opini"
    gimana menambah sub laman pada Story tadi gan?
    Makasih :D

    ReplyDelete
    Replies
    1. Anto-CihuiDecember 30, 2014 at 10:53 AM

      Hmmm, pertanyaan bagus....
      Terus terang saya belum pernah coba, jadi belum tahu.
      Coba ya, kalau saya sudah tahu caranya saya info kembali.
      thanks

      Delete
  14. SEDEKAH IDEJanuary 3, 2015 at 11:54 PM

    Thanks Ilmunya ya.. Visit my blog juga ya : sedekahide.blogspot.com. Saya sudah implementasikan ilmu kamu.

    ReplyDelete
  15. MasmientJanuary 5, 2015 at 10:02 PM

    keren gan. kunjung balik ya gan. www.cintasalafiyah.blogspot.com

    ReplyDelete
    Replies
    1. Anto-CihuiJanuary 7, 2015 at 1:18 PM

      Terima kasih gan sudah berkunjung, sukses gan buat blognya.

      Delete
  16. IqbalJanuary 12, 2015 at 8:03 PM

    layout itu tata letak bukan?

    ReplyDelete
  17. UnknownJanuary 18, 2015 at 2:28 PM

    di tutorial ke 2 gw bingung, caranya gmn...punya ane indo

    ReplyDelete
  18. Grace ElvaJanuary 20, 2015 at 4:59 PM

    Terima kasih banyak atas informasinya :) Dengan adanya Tab/Menu Bar, sekarang posting blog jadi lebih tertata ^^ Sukses!

    ReplyDelete
  19. Jualan SintangJanuary 27, 2015 at 2:25 PM

    maaf om.. mau nanya kalo mau masuk ke layoutnya ane masih bingung,,maklum nubi..mohon pencerahannya,,,thx om

    ReplyDelete
    Replies
    1. Anto-CihuiJanuary 27, 2015 at 4:01 PM

      Masuk ke control panel blogger (login di www.blogger.com) terlebih dahulu.
      Di sebelah kiri ada deretan control panel yang bisa gunakan, salah satu nya "layout".
      Selamat mencoba

      Delete
  20. AnonymousFebruary 2, 2015 at 12:13 AM

    Thanks Sob info nya....
    Berkunjung juga ke sini hnd-g.blogspot.com

    ReplyDelete
  21. ALVFebruary 7, 2015 at 4:28 PM

    saya bingung, blog saya pake bahasa indonesia, apakan anda bersedia mengajari saya secara perlahan?? terima kasih..

    ReplyDelete
  22. ALVFebruary 7, 2015 at 5:24 PM

    saya sudah buat tapi kok tidak bisa dibuka ya? mohon pencerahan kakak..

    ReplyDelete
    Replies
    1. Anto-CihuiFebruary 9, 2015 at 10:18 AM

      yang tidak bisa dibuka yang mana ya?coba jelaskan satu persatu.
      - login ke blogger.com
      - bikin blog anda
      - lalu mulai customize

      Delete
    2. Rahayu AsdaJanuary 30, 2016 at 4:19 PM

      makasih info nya gan, bermanfaat sekali, cuma gimana cara pengelompokkannya.. udah pake label, tapi di menu bar nggak bisa di buka

      Delete
    3. Anto-CihuiFebruary 1, 2016 at 2:40 PM

      Mungkin ada step yang terlewat gan.
      Misalnya step 3.

      Delete
  23. UnknownFebruary 8, 2015 at 2:34 PM

    thanks informasinya gan ;)
    kunjungi blog ane ya..walau masih baru..hehe
    jangan ragu kasih saran ane :D


    anggablogs10.blogspot.com

    ReplyDelete
    Replies
    1. Anto-CihuiFebruary 9, 2015 at 10:15 AM

      Sama-sama, semoga bermanfaat.
      Ok, nanti saya berkunjung.

      Delete
  24. Dio BarethoFebruary 11, 2015 at 11:07 AM

    Terima Kasih banyak Masbro,....!!

    ReplyDelete
  25. Akademi Telkom JakartaFebruary 28, 2015 at 6:02 PM

    kalau menambahkan logo gimana caranya ya?

    ReplyDelete
  26. Anto-CihuiMarch 2, 2015 at 10:32 AM

    upload aja di bagian header, file nya bisa berupa jpeg.

    ReplyDelete
  27. UnknownMarch 3, 2015 at 4:02 AM

    ternyata simple. thanks gan

    ReplyDelete
  28. C.LuthfiMarch 11, 2015 at 2:57 PM

    Cara membuat sub menu nya gimana bro?

    ReplyDelete
  29. UnknownMarch 17, 2015 at 8:03 PM

    layout ada dimana sih? kok saya gak nemu?

    ReplyDelete
  30. Raden Nizar Prakas RachmanaMarch 26, 2015 at 10:18 AM

    Makasih banyak kang, jadi ngerti pasang menu bar :D

    ReplyDelete
  31. UnknownApril 7, 2015 at 9:29 AM

    mantab sob, terimakasih banyak tutorialnya...

    http://tokoonlineobat.com/obat-jantung-bocor-alami/

    ReplyDelete
  32. remaja masjid desa pegayamanApril 13, 2015 at 1:31 PM

    aduh mbk maaf aku masih bingung

    ReplyDelete
    Replies
    1. Anto-CihuiApril 13, 2015 at 3:59 PM

      Bisa dijelaskan lebih lagi, gak bisa nya dibagian mana?

      Delete
  33. UnknownApril 13, 2015 at 10:45 PM

    saya sudah masuk layout tapi kok ga ketemu Pages --> Edit --> tampilan baru Configure Page List --> +Add link page.

    ReplyDelete
    Replies
    1. Anto-CihuiApril 14, 2015 at 12:49 PM

      Iya sudah benar, lalu lanjutkan dengan mengisi "page title" dan "web address/URL".
      Page title : judul dari page yang ingin dibuat
      Web address/URL : masukan alamat/url dari postingan anda, copy dan paste

      Delete
  34. Emang Obat TradisionalApril 22, 2015 at 10:50 AM

    Terimakasih buat artikelnya, mantab sob, menambah pengetahuan, bermanfaat..

    ReplyDelete
    Replies
    1. Anto-CihuiApril 22, 2015 at 1:22 PM

      Terima kasih, sukses juga buat blog dan jualannya

      Delete
  35. Kaka ArisuApril 25, 2015 at 12:36 PM

    Terima kasih banyak, sangat membantu :D

    ReplyDelete
  36. cynthiawritingApril 25, 2015 at 7:55 PM

    thx ya..tutorial termudah...

    ReplyDelete
  37. UnknownApril 27, 2015 at 9:19 AM

    Infonya bermanfaat, langsung apply di blog saya :3
    kunjungi blog saya juga gan :D
    salam..

    ReplyDelete
  38. Ahmad Ridhaifan ElrizkyMay 27, 2015 at 12:50 PM

    terima kasih banyak :)

    ReplyDelete
  39. fri handayaniJune 4, 2015 at 9:05 AM

    Salam kenal mas Anto,, saya udah coba buka layout/tata letak..kok gak ada Pages --> Edit --> tampilan baru Configure Page List --> +Add link page. yaa? mohon pencerahannya. makasiih

    ReplyDelete
    Replies
    1. Anto-CihuiJune 4, 2015 at 3:25 PM

      Sebelum mengatur layout, sebelumnya mba harus memilih/membuat tampilan/layout blog mba, bisa masuk di "template".
      Setelah memilih template layout, baru mba bisa meng-custom tampilan/layout blog mba, di "layout"

      Delete
  40. siagsmJuly 6, 2015 at 5:40 PM

    makasih,....
    http://aikuka.blogspot.com

    ReplyDelete
  41. AnonymousJuly 9, 2015 at 8:16 PM

    Kang, geuning teu tiasa di blog urang, nya? Kumaha yeuh? Layout, teras milihan pages na dimana?

    ReplyDelete
    Replies
    1. Anto-CihuiJuly 10, 2015 at 5:11 PM

      Waduh Kang, saya gak ngerti neh bahasanya :)
      Bisa pakai bahasa indonesia aja ya.

      Delete
  42. salotongJuly 23, 2015 at 1:47 PM

    mantap gan infonya, sangat membantu bagi newbi seperti saya

    ReplyDelete
    Replies
    1. Anto-CihuiJuly 23, 2015 at 1:59 PM

      Sama-sama, semoga bermanfaat.....sukses juga untuk blog nya

      Delete
  43. Pusat Pasar OnlineAugust 11, 2015 at 12:35 AM

    TErima Kasih Agan, sangat membantu saya. n_n,
    ngomong ngomong mau sekalian tanya, kalo membuat tab kan sudah, terus kalo kepingin di dalam satu tab ada beberapa pilihan seperti Categori gitu, gimana ya gan. hehehe
    # Mohon Bimbinganya :)

    ReplyDelete
    Replies
    1. Anto-CihuiAugust 18, 2015 at 11:33 AM

      Sama-sama gan....
      Waduh untuk tab didalam tab belum pernah coba, nanti ya kalau sudah dicoba saya share.
      thanks

      Delete
  44. UnknownAugust 25, 2015 at 9:46 AM

    tampilan tata letak blog saya tidak ada pages. cara menambahnya gimana kak?

    ReplyDelete
    Replies
    1. Anto-CihuiAugust 27, 2015 at 11:30 AM

      Haloo mbak Titin,
      Kayaknya "pages" itu standart, pasti ada untuk setiap layout standart.
      Tidak mau ganti template/layout yang ada pages nya aja ya?
      heheheh

      Coba saya liat-liat dulu ya, nanti kalau sudah tahu caranya.....saya infokan.

      Delete
  45. Caesario BimaSeptember 12, 2015 at 3:38 PM

    Terimakasih

    ReplyDelete
  46. AnonymousOctober 15, 2015 at 6:19 AM

    makasih gan semoga bermanfaat

    ReplyDelete
  47. UnknownDecember 6, 2015 at 4:36 PM

    Terimakasih, sharenya

    ReplyDelete
  48. AnonymousDecember 6, 2015 at 4:37 PM

    thanks gan

    ReplyDelete
  49. UnknownDecember 16, 2015 at 11:38 AM

    cuy - kalau aku pakek template yg udah ada menunya gimna??
    cara buat link-in ke menu yg udah ada di template ,,, responya makasih :)

    ReplyDelete
  50. BubeDecember 21, 2015 at 11:44 AM

    izin nyoba sob
    kunjungi juga
    http://caraspasi.blogsot.co.id

    ReplyDelete
    Replies
    1. Anto-CihuiJanuary 4, 2016 at 1:35 PM

      Silahkan....saya coba berkunjung ke blognya, blom aktif ya?

      Delete
  51. jghuijhJanuary 12, 2016 at 2:02 PM

    makasih infonya

    01tplpl.blogspot.com

    ReplyDelete
  52. UnknownJanuary 23, 2016 at 4:07 PM

    josss terima kasih saya sangat terbantu untuk build blog saya...
    kunbal bang di womsurabaya.blogspot.com

    ReplyDelete
    Replies
    1. Anto-CihuiJanuary 26, 2016 at 10:35 AM

      Sama-sama.
      Saya sudah lihat, keren blog-nya....sukses ya

      Delete
  53. UnknownFebruary 1, 2016 at 1:20 AM

    mau tanya
    layoutnya ada dimana ya?

    ReplyDelete
    Replies
    1. Anto-CihuiFebruary 1, 2016 at 2:43 PM

      Layout adanya di control panel blog kita.
      Masuk dari www.blogger.com

      Delete
  54. UnknownFebruary 13, 2016 at 11:29 AM

    trimakasi infonya :)

    ReplyDelete
  55. Lizbeth Yulia ChristiApril 29, 2016 at 10:04 PM

    muter2 cari tutorial yg pas dengan apa yg tak maksud.. eh nemu juga. Thanks <3

    ReplyDelete
  56. UnknownJune 1, 2016 at 12:21 PM

    nice tutorialnya gan, thanks ya :D
    kunjungi juga ya wira98-agt.blogspot.co.id

    ReplyDelete
  57. UnknownJuly 5, 2016 at 12:16 PM

    makasih mas sangat membantu

    ReplyDelete
  58. purnomo3August 1, 2016 at 10:49 AM

    suwun infonya mas,
    ijin meninggalkan jejak http://pemudamars.blogspot.com/

    ReplyDelete
    Replies
    1. Anto-CihuiAugust 1, 2016 at 1:54 PM

      jejak tertinggal, sukses untuk blog dan MARS nya

      Delete
  59. Banen's blogAugust 23, 2016 at 6:00 AM

    mantab gan

    ReplyDelete
  60. Dahdawi AnkaSeptember 2, 2016 at 12:50 PM

    Mkasih banget atas informasinya,, mampir di blogku yah gan, https://dahdawi-anka.blogspot.co.id/

    ReplyDelete
  61. Vapehitz StoreSeptember 16, 2016 at 7:52 PM

    Terimakasih gan atas tutorialnya, saya untuk tujuan pembelajaran hehe krna masih SMK, mampir ya gan muhammadadhanr.blogspot.co.id

    ReplyDelete
  62. UnknownOctober 24, 2016 at 2:05 PM

    tkx buat tutorialnya mas,,,kapan2 mampir ke sini mas

    pulupulustiker.blogspot.co.id

    ReplyDelete
  63. Gamer-KunFebruary 7, 2017 at 7:41 AM

    Makasih buat inforamasi nya. Izin Share ya

    ReplyDelete
  64. Zenzi BlogspotFebruary 22, 2017 at 11:47 PM

    visit my blog : http://zenzi-official.blogspot.co.id
    Buat yang pengen ngedit Akun Chatango nya agar terlihat imut atau keren

    ReplyDelete
  65. Muhammad AhyaruddinMarch 10, 2017 at 8:10 PM

    Makasih gan.. ga bingung lagi cara ngisinya :D
    Silakan mampir gan => www.ahyar-aquariuz07.tk

    ReplyDelete
  66. All About LifeMay 19, 2017 at 12:28 PM

    mudah sekali caranya. makasih gan hehehe

    ReplyDelete
  67. Afifah HaqJanuary 5, 2018 at 10:57 AM

    Ini yang aku cari-cari selama iniiii.. Maklum saya newbie, makasih banyak gann :D

    ReplyDelete
  68. UnknownAugust 11, 2018 at 6:11 PM

    bagus tutorial nya gan

    ReplyDelete

Subscribe to: Post Comments (Atom)