Cara Memasang Menu Navigasi Dengan Edit HTML - GADOH

Cara Memasang Menu Navigasi Dengan Edit HTML

Cara Memasang Menu Navigasi Dengan Edit HTML


Cara Memasang Menu Navigasi Dengan Edit HTML - Assalamuaalaikum warah matullahi wabarakatuh. Menu navigasi adalah menubar blog yang biasanya berada dibawah header blog dengan tujuan mengarahkan pengunjung untuk  menuju ke link yang mereka kehendaki atau mereka inginkan. 

Bagi sobat yang baru ngeblog mungkin belum paham bagaimana cara edit html, disini saya memberi sedikit gambaran walaupun saya juga baru mulai ngeblog. Menu navigasi biasanya terdiri beberpa tab menu didalam nya yang berisi link link postingan atau ada yang memodifikasi dengan membuangnya, lebih kurang contoh gambarnya :


Pertama : Sobat masuk ke dasbor blog sobat lalu pilih "Template"


 


Kedua : Sobat pilih "Edit HTML", kemudian muncul seperti gambar di bawah ini :



Ketiga : Sobat carikan kode seperti ini : 

  <ul id='menu'>
        <li><a href='/'>Home</a></li>
        <li><a href='#'>Menu 1</a>
            <ul>
            <li><a href='#'>Sub Menu 1</a></li>
            <li><a href='#'>Sub Menu 2</a></li>
            <li><a href='#'>Sub Menu 3</a></li>
            </ul>
        </li>
        <li><a href='#'>Menu 2</a>
            <ul>
            <li><a href='#'>Sub Menu 1</a>    </li>
            <li><a href='#'>Sub Menu 2</a></li>
            <li><a href='#'>Sub Menu 3</a></li>
            </ul>
        </li>
        <li><a href='#'>Menu 3</a></li>
    </ul>
   


Keempat : Kemudian sobat hapus atau gantikan tanda pagar (#) yang berwarna merah itu dengan link atau page url postingan blog sobat  pastekan di tanda pagar itu . Dan tulis  apa misalnya " About" "judul blog" ataupun lainnya , sobat tinggal hapus aja tulisan 'Menu 1, Sub Menu 1 dan seterusnya...".

Bagi Sobat pemula yang belum tahu apa link atau page url itu  lihat gambar ini :




Yang saya beri tanda kotak merah plus tanda panah merah seperti  itulah link yang harus sobat copy yang nanti sobat pastekan ke poin yang kita bahas diata tadi.


NOTE : tidak semua template sama kode html nya berbeda orang yang buat template berbeda pula baik itu kode css ataupun kode html nya. 


artikel terkait lainnya :   

cara membuat label blog                                  
pentingnya menu navigasi seperti....
cara daftar blog ke search engine....


Kelima : Setelah sobat selesai dengan itu semua , sobat klik simpan  dan selesai. 

Dan  jika sobat tidak ada kesalahan dalam mengeditnya pasti berhasil, ingat satu huruf atau pun peletakan salah dalam mengedit template semua salah sob.  

Jadi sobat dah ngertikan bagaimana Cara Memasang Menu Navigasi Dengan Edit HTML.  Walaupun kita masih baru , kita harus tetap belajar dan belajar. demikian ulasan gambaran singkat sesingkatnya yang dapat saya terimakasih . Assalamuaalaikum warah matullahi wabarakatuh. 


Share with your friends

Ad Placement