This navigation bar gets semi-transparent when you scroll down the page and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.
Inside of the navigation we will have some links, a search input and a top and bottom button that let the user navigate to the top or the bottom of the page.
Let's start adding the code:
1. Go To Blogger >> Design >> Edit HTML and check "expand widget templated" box;
2. Search (using CTRL + F) for this tag:
3. Copy and paste just above/before tag, the following code:
4) Now search for tag. If you can't find it, search for this one:
5) Just below/after this code, paste the following code:
Replace URL address with the url of your pages and Link 1, 2, 3, 4, 5, 6 with the name of the link you want to appear in the menu.
Now Save Template and you're done ;)
This navigation bar gets semi-transparent when you scroll down the page and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.Inside of the navigation we will have some links, a search input and a top and bottom button that let the user navigate to the top or the bottom of the page.
Let's start adding the code:
1. Go To Blogger >> Design >> Edit HTML and check "expand widget templated" box;
2. Search (using CTRL + F) for this tag:
3. Copy and paste just above/before tag, the following code:
4) Now search for tag. If you can't find it, search for this one:
5) Just below/after this code, paste the following code:
Replace URL address with the url of your pages and Link 1, 2, 3, 4, 5, 6 with the name of the link you want to appear in the menu.
Now Save Template and you're done ;)
Inside of the navigation we will have some links, a search input and a top and bottom button that let the user navigate to the top or the bottom of the page.
Let's start adding the code:
1. Go To Blogger >> Design >> Edit HTML and check "expand widget templated" box;
2. Search (using CTRL + F) for this tag:
3. Copy and paste just above/before tag, the following code:
4) Now search for tag. If you can't find it, search for this one:
5) Just below/after this code, paste the following code:
Replace URL address with the url of your pages and Link 1, 2, 3, 4, 5, 6 with the name of the link you want to appear in the menu.
Now Save Template and you're done ;)
by Jillur Rahman
Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.
Follow him @ Twitter | Facebook | Google Plus
No Comment