Pages

Wednesday, July 16, 2014

Cara Membuat Menu Pada Blogspot

Membuat menu pada blogspot pada intinya lebih rumit bila di bandingkan dengan wordpress, pada wordpress menu tinggal di buat selanjutnya di drag selsesai, untuk blog berpatfrom blgspot agak sedikit rumit karena harus edit via template html. Oke langsung saja kita mulai turotial kali ini. 

Untuk penjelasan agar lebih mudah saya pakai menu yang ada pada blog saya ini. Pada blogsaya ini terdiri diri dari dua menu yaitu menu atas atau menu page yang berisi Home, Contact, Privacy Police menu beranda ini adalah menu asli atau menu yang biasanya ada pada template bawaan dari blogspot. cara membuatnya juga cukup mudah, kita bahas saja pada tutorial berikutnya. Sementara untuk menu yang kedua terdiri dari home, NEWS, SMART PHONE, WEBSITE, SOSIAL MEDIA, PHOTOSHOP nah menu inilah yang akan kita bahas lebih lanjut.
( Baca Cara Membuat Related Posts atau Artikel Terkait di Blogspot Terbaru)

Gambar di bawah ini adalah menu asli sebelum di edit atau menu asli dari hasil download Template. Menunya terdiri dari menu atas Home, Sampel Page 1, Sampel Page Image, dan menu utama yang terdiri dari Menu 1, Droop Menu 1, Droop Menu 2, Menu 2, Menu 3. 


Gambar diatas jika kita lihat bagian dalam atau template html adalah sebagai berikut : Menu  utama yang tertera pada gambar di atas akan terlihat pada saat mengedit html.  


Untuk mencari menu sepeti gambar di atas caranya adalah masuk ke template pada blog Anda lalu klik edit html sesudah itu klik Ctrl + F pada keyboard Anda sehingga muncul kolom search lalu ketik salah satu menu asli bawaan dari templet misal ( Menu 1 ) tekan enter pada keyboard Anda. Jika sudah ketemu bagian itulah yang nantinya akan kita edit sesuai dengan kebutuhan menu pada blog Anda. 

Untuk proses edit templet silahkan cek gambar di bawah ini: 


Menu pada blog saya yang terdiri dari SMART PHONE, WEBSITE, SOSIAL MEDIA, PHOTOSHOP saya masukkan sebagai kategori, jadi pada saat kita menulis blog selesai menulis sebelum di publikasikan saya masukkan terlebih dahulu sesuai dengan kategori pada blog. Menunya tersebut setelah saya edit adalah sebagai berikut :

Silahkan ganti menu sesuai dengan URL blog Anda dan sesuaikan sendiri dengan menu yang Anda kehendaki dan jangan lupa untuk di save terlebih dahulu jika sudah di edit. Simpel dan mudah, jika Anda kesulitan membuat silahkan tinggalkan komentar.
( Baca Cara Membuat Menu di Blogspot Part 2)

Untuk lebih jelasnya silahkan lihat video tutorial Cara Membuat Menu Pada Blogspot  dibawah ini :
 

56 comments:

  1. masih bingung bos caranya
    http://kreater83.blogspot.com

    ReplyDelete
    Replies
    1. heheh...bingung dimana nya bos :D ? mungkin ada yg bisa saya bantu

      Delete
  2. Nice posting :) kapa-kapan berkunjung di http://X-slams.blogspot.com

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. gak ngerti nentukan menu asli sebelum di edit.....
    gimana tuh kk... !!!!

    ReplyDelete
    Replies
    1. Menu 1, Droop Menu 1, Drop Menu 2, menu 2, Menu 3 << ini menu aslinya sebelum di edit, cara mengetahuinya lihat di Tempalet > edit HTML > klik Ctrl+F pada kotak yang berisi kode HTML tempalte, cari dengan copy paste salah satu menu asli tersebut.

      Delete
  5. kk gak ngerti cara nentukan menu asli sebelum di edit gimana tuh....!!!!

    ReplyDelete
    Replies
    1. Jika menggunakan template yang sama dengan yang Saya pakai bisa di cari di di Template > edit HTML , cari momor 398 di kode HTML. Nomor terdapat di sisi kiri.

      Delete
  6. gan pembahasan menu atas atau menu page ada dimana? sy perlu tutorial mengeditnya nih thx

    ReplyDelete
  7. Kak, menu blog bawaan punya saya : home, Post RSS, n Edit. tapi kok kagak nemu ya di templatenya?? stelah saya cari pake CTRL F, tetep kagak ada. mohon bimbingannya kak

    ReplyDelete
    Replies
    1. iku ngeklik nya pas di kotak ya? soalnya klo ngk di kotak ngk bisa. ( kotak kode HTML).

      Delete
  8. gimana sich
    Aku uda coba berkali kali ngk bsa jga

    ReplyDelete
  9. walaupun masih bingung akan aku coba... trims gan

    ReplyDelete
    Replies
    1. sebetulnya mudah mas, btw pake template apa mas , nanti saya bantu?

      Delete
  10. Susah di mana nya mas? hehehhe...

    ReplyDelete
  11. Saya masih Bingung mas, saya kan buat menu sitemap di laman blog saya. nah terus caranya nambah menu tersebut ke blog gmana ?
    http://perawatan-tubuh-anda.blogspot.com/

    ReplyDelete
  12. blog mas Yudha sudah saya cek dan menunya sudah jadi mas. Bingung nya dimana mas?

    ReplyDelete
  13. itu pake templat apa y,saya bingung mw pake templte apa

    ReplyDelete
    Replies
    1. saya pake template nya download di : mastemplate.com

      Delete
  14. sangat membantu,,,,http://angelobrand98.blogspot.com/ mampir ya gan

    ReplyDelete
  15. kunjungi juga http://smartwebjos.blogspot.com/ terimakasih infony

    ReplyDelete
  16. Sudah banyak aku nyari tutorial masalah template, tp baru ini tutorial lengkap yg bisa dimengerti.
    makasih bro...

    ReplyDelete
  17. Kak ada pin BB ga ? Aku mau belajar tentang menu -submenu lagi soalnya banyak bgt yang mau aku tanyain kak.......

    ReplyDelete
  18. Terima Kasih Infonya Sangat Membantu....
    Mampir yah diblogq mafiamkz.blogspot.com.
    masih newbie hehehe....

    ReplyDelete
  19. gan,, ana bingung ni, menu navigasi dengan menu yang agan jelaskan sama?

    ReplyDelete
    Replies
    1. navigasi di sini maksudnya menu Utama ( home, NEWS, SMART PHONE, WEBSITE, SOSIAL MEDIA, PHOTOSHOP, KOMPUTER) untuk menu Pages yang di atas mas ( Home, Contact, Privacy Policy, Shop ). Cara membuatnya juga beda.

      Delete
  20. ow, makasih gan, cara untuk menu page gimana gan?

    ReplyDelete
    Replies
    1. lihat di sini mas : http://kupastutorial.blogspot.com/2014/10/cara-membuat-menu-page-atau-halaman-di.html

      Delete
  21. mas kalo ditemplete bawaan blogger gak bisa ya? harus template downloadtan ya?

    ReplyDelete
    Replies
    1. bisa mas, tpi buat dulu menu nya, klo yang ini sudah ada dari download an

      Delete
  22. boleh dibuatin kayak gitu kagak gan

    ReplyDelete
  23. kak cara membuat menu yang paling praktis tu gmana????

    ReplyDelete
  24. ini pake template bawaan blogspot apa template editan?

    ReplyDelete
  25. pak,gk bisa do

    ReplyDelete
  26. thanks ilmunya


    slam kenal admin kumpulankonsultasi.com

    ReplyDelete
  27. mudah magi mas,, tpi tdak bagiku heheh..
    yg pasti makasih ya mas

    ReplyDelete
  28. Hehehhe.. mudah mas lihat di video nya :)

    ReplyDelete
  29. informasi bermanfaat baget , mkasih mas

    kunjungi juga http://gilateknologi21.blogspot.com/

    ReplyDelete
  30. Terimakasih gan, sangat bermanfaat sekali

    ReplyDelete
  31. http://menarikandunik.blogspot.com/

    ReplyDelete
  32. http://www.karirppi.com/

    ReplyDelete
  33. http://portal-menarik.blogspot.com/

    ReplyDelete
  34. http://kolorsuperman.blogspot.com/

    ReplyDelete
  35. pak tema blog ini namanya apa?

    ReplyDelete
  36. kayaknya Jhony SEO Book , lupa mas heehehe...

    ReplyDelete