Cara Menambahkan Sub Menu di Menu Horizontal Blogspot

Untuk cara menambahkan sub menu di blogspot tidak lah sulit sebenarnya sobat semua . ini saya posting karena ada beberapa yang bertanya bagaimana cara cepat dan mudah menambahkan atau membuat sub menu di blog , dimana sebelumnya saya sudah jelaskan cara membuat menu dropdown. nah , sekarang saya akan tunjukkan bagaimana caranya untuk membuat sub menu di blog , sebelumnya sobat ikuti dulu langkah cara membuat menu horizontal yang ada di Berry Blog .
bagaimana? sudah ? kalau sudah kita lanjut ke cara menambahkan sub menunya, berikut caranya :

Pertama : Log in ke blogger.com

Kedua : ikuti langkah di tutorial cara membuat menu horizontal yang saya kasih sebelumnya.

Ketiga : perhatikan kode yang seperti ini yang ada di tutorial menu horizontal tersebut :

<div class='pagemenu-container'> <div id='pagemenu'> <ul> <li class='page_item home'><a href='http://www.berryhs.com/' title='Home'>Home</a></li> <li class='page_item page-item-2'><a href='http://www.berryhs.com/l' title='About'>About</a></li> <li class='page_item page-item-3'><a href='http://www.blogger.com/profile/16474552668039271355' title='Contact Us'>Contact</a></li><li class='page_item page-item-4'><a href='http://www.berryhs.com/2011/10/daftar-isi.html' title='Daftar Isi'>Daftar Isi</a></li><li class='page_item page-item-5'><a href='http://www.berryhs.com/2011/12/belajar-blog-dari-awal.html' title='Belajar Blog'>Blog</a></li></ul></div> </div> <div id='content-wrapper'>

misal sobat mau menambahkan sub menu di bagian about  , jadi di kode yang seperti dibawah ini


<li class='page_item page-item-2'><a href='http://www.berryhs.com/l' title='About'>About</a></li>

sobat tambahkan jadi seperti ini :

<li class='page_item page-item-2'><a href='http://www.berryhs.com/l' title='About'>About</a>
<ul class='About Me'>
<li><a href='http://www.facebook.com/berryhardisakha'>Facebook</a></li>
<li><a href='http://twitter.com/#!/berryhardisakha'>Twiter</a></li>
</ul>
</li>

nanti kira kira akan menjadi sub menunya seperti ini :



  • About
  • setelah itu save dan selesai.

    nah sekian tutorial cara membuat sub menu di blog dari berry blog , semoga ini bisa bermanfaat untuk sobat semua.

    You May Like :

    14 Responses to "Cara Menambahkan Sub Menu di Menu Horizontal Blogspot"

    Unknown mengatakan...

    mantab gan :)
    maen2 ke blog ane ya gan :)

    tedesantlogo.blogspot.com/p/logo-request.html

    bisa request logo dengan format yang agan mau :)

    Nur Chamid M mengatakan...

    gan,kok script nya g jadi ya??

    belajarblogspot mengatakan...

    ijin sedot ilmu ni gan..wah bsa d cba ni..trims info nya n salam.

    Warung Solidaritas mengatakan...

    kapan2 aja aku coba bro krn masih penataan nih ,pokonya mantap

    BoWo mengatakan...

    Tanks mas broo... buat infonya. semoga makin sukses

    Antoni mengatakan...

    Ada yang bisa bantu,,!!! Bagaimana cara upload/menulis artikel untuk sub menu di blogspot. Saya sudah mencobakannya tetapi gatot (gagal total). artikel tersebut hanya muncul di Menu utama (Home/beranda).
    terima kasih atas bantuannya.

    Berry Hardisakha mengatakan...

    caranya kalau mau memasukkan artikel ke sub menu adalah dgn mengcopykan link artikel kita ke dalam menu tersebut

    Lupus mengatakan...

    itu masuk ke menu mana gan??..manu edit html bukan,?..saya masih bingung mohon bantuannya

    Obat Kolesterol mengatakan...

    terima kasih banyak telah berbagi informasi tentang cara menambahkan sub menu di menu... semoga tuhan memberikan yang terbaik bagi kita semua

    Unknown mengatakan...

    hatur nuhun kk, smoga ilmunya makin bermanfaat

    Anonim mengatakan...

    U masukan postingan ke dalam menu, postingan harus du beri label sesuai dgn nama sub menu tsb
    Sdkt bantu jawab ya bro!
    Biasanya bloger pemula bnyk yg kesusahan dgn masalah ini

    Zabdan Handicraft mengatakan...

    Suwon Gan infonya Mampir YA kalau sempat ke blog Thanks

    Zabdan Handicraft mengatakan...

    Nyari cara buat sub menu yang bener susah,ternyata nemunya di blognya agan ijin pakek gan thanks...........

    Anonim mengatakan...

    mampir gan.. adhiiyasa.blogspot.com