Add Bootstrap Navbar in blogger with desired colour

Hi friends in this post I am sharing how to add bootstrap bar with your desired colour.First of all download twitter bootstrap here.Then upload the three files css,js,icons to a webhost or dropbox.I am using opendrive to upload files.Then get direct link of the files .
Bootstrap Blogger Navbar

After that,
  • Goto blogger dashboard->Template->Edit HTML
  • Place direct links just below<head>
  • Check whether you added <meta name="viewport" content="width=device-width, initial-scale=1.0"/>If not just add it below<head>
  • Just above   ]]></b:skin>
  • Add
  • Then add nav bar,below<body> ,Add for example
  • or goto Layout click add a gadget ,select html/javascript,place css code in between,[<style type="text/css">Above Css code</style><!--Navbar1-->Html code<!--NavbarEnd1-->] and save it.That’s all!!!
  • See a sample here
  • Change the color according to your needs in css.In Css,color represents color of the text.Replace ”#” with your links what you want to add in tab.Replace”Home”and”Link ” with your desired name.Hope  friends , you really like it…….

Print Friendly and PDF

About me

Hi. I am interested in blogging.And sometimes play with webdesign,web development,domain sale,designing logo and more.

    Blogger Comment
    Facebook Comment


Post a Comment