Membuat Sub menu pada blogger 2013

sudah banyak yang posting hal seperti ini, namun kebanyakan tampilan pada tutorialnya masih jadul (yang lama). jadi kemungkinan kebanyakan orang terutama yang masih newbie alias baru kenal sama blogger merasa bingung dan bertanya dalam hati "ini nyimpennya dimana?" atau "lho ko gga ada?" .
maka dari itu saya coba memposting kembali tutorial membuat sub menu pada blogger. Oke lanjut

Siapa yang tidak tahu sub menu? pasti tahu lah, tapi buat yang tidak tahu saya deskripsikan. submenu itu memiliki menu nah menu tersebut jika di-sorot atau cursor mouse diarahkan ke menu, maka menu itu "Beranak" atau ada menu dalam menu. Bingung? seperti ini gambarnya :



gambar ini merupakan blog saya saat ini (mungkin suatu saat di rubah)
 Mau lanjut, atau mentok? masa belum apa - apa sudah mentok. Oke lanjut!!

 Persiapan :
  1. Seperangkat Komputer atau laptop (apa aja lah, mau pinjem, atau lari ke warnet gak masalah)
  2. Siapkan Makanan ringan misal (kopi "kebetulan saya gak suka kopi", kacang, apa aja lah yang penting halal buat dimakan.
  3. Siapkan waktu luang. (jika tidak sempat, ya nanti sepotong ngerjainnya)
  4. Siapkan otaknya
  5. Oke buka blog saya dan ikuti tutorialnya

Berikut Tutorialnya



  1.  buka blogger (yang nyari tutor ini pasti punya blogger kan?).
  2. login dulu pastinya
  3. setelah login, klik bagian opsi lain . icon nya 
  4. lalu pilih template


  5. akan keluar tampilan ini, Pilih Edit HTML
  6. lalu akan tampil seperti ini.. nah dibagian ini anda harus teliti !
  7. Klik pada bagian kode . lalu cari kata </style> atau tekan CTRL + F lalu ketik </style>
  8. copykan kode berikut dibawah code </style>
    <div id='cat-nav'>
    <ul class='fl' id='secnav'>
    <li><a href='http://wildan-hilmi27.blogspot.com'>Home</a></li>
    <li><a href='#'>Code Warna HTML</a></li>
    <li><a href='#'>Programming</a>
    <ul id='sub-custom-nav'>
    <li><a href='#'>Visual Basic 6</a></li>
    <li><a href='#'>Delphi 7</a></li>
    <li><a href='#'>C / C++</a></li>
    </ul>
    </li>
    <li><a href='
    #'>Link Exchange</a></li>
    <li><a href='
    #'>Coretan Lain</a></li>
    <li><a href='
    #'>Download</a>
    <ul id='sub-custom-nav'>
    <li><a href='
    #'>Software</a></li>
    <li><a href='
    #'>Games</a></li>
    <li><a href='
    #'>Blogger Templates</a></li>
    </ul>
    </li>
    <li><a href='
    #'>Tips N Trick</a>
    <ul id='sub-custom-nav'>
    <li><a href='
    #'>Komputer dan Laptop</a></li>
    <li><a href='
    #'>Hacking</a></li>
    <li><a href='
    #'>Blogger</a></li>
    <li><a href='
    #'>Internet</a></li>
    </ul>
    </li>
    </div>
      
  9.  Nah yang berwarna merah itu ganti dengan judul menu yang anda mau.. Untuk '#' ganti dengan link misalnya 'Http://wildan-hilmi27.blogspot.com/ .
  10. jika sudah, Click Simpan Template atau Save, atau terapkan. Semacamnya lah. :D
 Hoaaammm.. Ngantuk, Sekian dulu tutorialnya. Salam Blogger. :D

Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments:

Post a Comment