Webmasters where looking new and modern design's for design their website or blog , Readymade scripts like Bootstrap and Jquery can make website's well looking and modern designed . Now a days almost every webmasters where using Bootstrap navigation to create their web site navigation menu , This is because of its cool function . The Bootstrap navigation will automatically comes down and up when user scroll down the webpage . Today on this article you are going to learn how to integrate Bootstrap navigation to your Blogspot Blog .
How to Add Bootstrap Navigation to My Blogspot Blog :
To add Bootstrap Navigation to your Blogspot Blog , You need to do the following things . First you need to download or copy the following script from Bootstrap Official Site .
- Go to Bootstrap Official Website : http://getbootstrap.com/
- Download Bootstrap Java Script .
- Log in to your Blogspot A/c .
- Enter to the Blog which you want to add the Bootstrap Navigation .
- Click on the Template .
- Click on the Edit Template .
- Before editing template , Backup your blogspot template first .
- Now click on the Edit Html .
- Now add the following Java Code and CSS Style in between the <head> and </head> .
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="http://getbootstrap.com/examples/starter-template/starter-template.css" rel="stylesheet"> <script src="http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js"></script>Now you need to add the following code at the first and last of the default navigation menu of your Blogspot blog .
Place this code at on the header of your default Blogspot navigation code .
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container">Place the following code at last of your navigation menu code .
</div> </nav>Here i can show you a demo image example that i done .
I hope you well enjoyed this article if you have any doubts on this tutorial article , Don't forget to ask me by commenting us . Thanks