2 WAYS TO ADD COOL NAVBAR IN NOTABLE BLOGGER TEMPLATES
I love notble, it rockpool style, dynamic, secure, and stylish. But to make it different you must d…

I love notble, it rockpool style, dynamic, secure, and stylish. But to make it different you must do some customs on it, included to add CSS, HTML or even Javascript. How to add custom navbar, here we go:
1. ADD NAVBAR WITH DROPDOWN This even more respinsive than you think, just try make and expriment by using notable templates in your blogger for test: Go to blogger settingChose themeBy Clicking menu (it look three point)Just choose: Edit HTMLSee ilustration: In the HTML editor Page search tag: </head> and put following CSS below on top it: <style>
body {margin:0;font-family:Arial}
.topnav {
overflow: hidden;
background-color: transparent;
border-top: double;border-color: grey;border-size: 0.5px;border-radius:5px;
}

.topnav a {
float: left;
display: block;
color: #999999;
text-align: center;
padding: 10px 12px;
text-decoration: none;
font-size: 17px;
}
.active {
background-color: red; 
padding: 10px 12px;
color: #fff;
}

.topnav .icon {
display: none;
}

.dropdown {
float: left;
overflow: hidden;
}

.dropdow…

STICKY NAVBAR CREATION VIA W3SCHOOL

You may see an example by following and clicking my work site:

It show you how to set CSS, HTML and Javascript to create a Sticky Navbar

Komentar