|
Tweet |
Berikut saya akan tunjunkan bagaimana cara membuat Navbar Menu di blog.
• Loggin dahulu di blogger
• Pilih tata letak/layout
• Pilih Edit HTML
• copy kode :
<div
id='NavbarMenu'/> <div id='NavbarMenuleft'> <ul id='nav'>
<li><a
expr:href='data:blog.homepageUrl'>Home</a></li>
<li> <a href='#'>Gallery</a></li>
<li><a href='#'>About Me</a></li>
<li><a href='#'>Contact Me</a></li>
</ul> </div>
Letakan sesudah <body>
Contoh :
<Html>
<Head>
</head>
<Body>
<div
id='NavbarMenu'> <div id='NavbarMenuleft'> <ul id='nav'>
<li><a
expr:href='data:blog.homepageUrl'>Home</a></li>
<li> <a href='#'>Gallery</a></li>
<li><a href='#'>About Me</a></li>
<li><a href='#' >Contact Me</a></li>
</ul> </div>
</body>
</html>
Keterangan :
# = adalah alamat url laman
Jadi sebelum kamu membuat menu navbar ini, kamu buat dahulu postingan yang sesuai dengan menu yang akan kamu buat. Misal kamu membuat menu about me, jadi buatlah postingan yang isinya 'About me'. Setelah anda membuat postingan, copy link posting tersebut kemudian paste di code yang ada tanda '#' diatas.
Ex:
<li><a href="http://trick-tips-cara.blogspot.com" >Contact Me</a></li>