Best Design of Blogs Site

<h2 style="background-color: white; font-stretch: normal; margin: 0px;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 16.8px;"><a href="http://www.kisabuj.tk/" target="_blank">How to Add Custom Menu Bar / Navbar/ Navigation Bar  on your Blog Site</a></span></span></h2>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
</h3>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
</h3>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
It's very helpful and useful tips. It also very Attractive  Menu Bar / Navbar/ Navigation Bar . You can use it very easy. Some people request me for nice Menu Bar / Navbar/ Navigation Bar  for their Blog Site , so that today I Share It , This widgets is Awesome .</h3>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
I hope This widgets help to you and you like this widgets. You can add Dorpdown menu. </h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtU8nPdhXiKlF9MvYKDZVkLtpEE-mEKgUL1dMf5JBe0Y_ySE_BNNJEhWPkfurDaPpzgz-aMihg7gROgi_5QMJ94EfEy0R3lJIP2HDj3sGEMijeyejL6Z-oboMd3C26biU0ktNjtfQzOFU/s1600/menu.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtU8nPdhXiKlF9MvYKDZVkLtpEE-mEKgUL1dMf5JBe0Y_ySE_BNNJEhWPkfurDaPpzgz-aMihg7gROgi_5QMJ94EfEy0R3lJIP2HDj3sGEMijeyejL6Z-oboMd3C26biU0ktNjtfQzOFU/s400/menu.JPG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
<b>Now</b> Follow this instruction :</h3>
<div>
<br /></div>
<div>
Step 1:  <span style="background-color: white; color: #333333; font-family: "open sans" , serif , sans-serif; font-size: 19.2px;">Go to your blogger Dashboard  and Click Template </span></div>
<div>
<h2 style="background-color: white; color: #333333; font-family: 'open sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 2: Then Click   Edit HTML</h2>
</div>
<div>
<h2 style="background-color: white; color: #333333; font-family: 'open sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;">
<span style="font-weight: normal;">Step 3: press </span> Ctrl+F<span style="font-weight: normal;">  & </span><span style="font-weight: normal;">Search</span></h2>
</div>
<div>
<span style="font-weight: normal;">    </span></div>
<h4 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;">
</h4>
<h4 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">          <b:skin>… </b:skin></span></span></h4>
<div>
<h4 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;">
</h4>
</div>
<div>
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></div>
<div>
<h2 style="background-color: white; color: #333333; font-family: 'open sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;">
<span style="font-weight: normal;">Step  4: Replies it with this below </span>Code</h2>
</div>
<div>
         </div>
<div>
<br /></div>
<div class="post-body entry-content" id="post-body-3723518731179825031" itemprop="description articleBody" style="margin: 0px 0px 0.75em;">
<div style="background-color: #c2c2c2;">
<div>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">/* Spacing & Border of First Link in Navigation */</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">.tabs-inner .section:first-child ul {</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">margin-top: 0px;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">border: 0 solid #eeeeee;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">/* Background & Border of Navigation */</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">.tabs-inner .widget ul {</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">background: #999999;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">border: 0px solid #eeeeee;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">text-align: center  !important;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">/* Font, Colour & Border of Links */</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">.tabs-inner .widget li a {</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">font: normal normal 14px Arvo;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">color: #333333;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">border: 0px solid #ffffff;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">/* Font & Colour of Rollover Links */</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">color: #eeeeee;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">background-color: #ffffff;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">text-decoration: none;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">/* Centre Navigation */</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">.tabs .widget li, .tabs .widget li{</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">display: inline;</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">float: none;} </span></span></h4>
</div>
<div style="color: #333333; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 1.6em;">
<div>
<br /></div>
<br />
<br /></div>
</div>
<div style="clear: both; color: #333333; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 1.6em;">
</div>
</div>
<span class="datex show" style="background-color: #2e2e2e; color: white; display: block; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; left: 15px; padding: 3px 0px; position: absolute; text-align: center; top: 0px; transition: all 0.4s ease-in-out; z-index: 0;"><strong style="display: block; font-size: 21px; padding: 0px 2px;">19</strong><span style="display: block; font-size: 9px; height: 12px; line-height: 12px; padding: 0px 2px;">Mar</span><small style="display: block; font-size: 9px; height: 12px; line-height: 12px; padding: 0px 2px;">2016</small></span><br />
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 5:  Now go to Template -> Customize -> Advanced ->Add CSS</h2>
<div>
</div>
<h4 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;">
</h4>
<h4 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    #staticknavbar { position: fixed; top: 0px; left: 0px; z-index: 999; width:100%;}</span></span></h4>
<h4 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;">
</h4>
<div>
<br /></div>
<h2>
<span style="font-weight: normal;">Now Click </span> Apply to Blog</h2>
<div>
<span style="color: blue; font-family: "open sans" , serif , sans-serif; font-size: 15.6px; font-weight: normal;">Then </span></div>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 6:   Go to your blogger Dashboard  and Click  Layout</h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 7:  Now  Add a  new Widget Like   HTML/JavaScript  on your Header widget.</h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 8: Now Copy this Below Code and Pasted this Code  on       </h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
                    this  Widget</h2>
<div>
<div class="post-body entry-content" id="post-body-3723518731179825031" itemprop="description articleBody" style="margin: 0px 0px 0.75em;">
<h2 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
</h2>
<div style="background-color: #c2c2c2;">
<div>
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
</h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div id="staticknavbar"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><ul></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><li><a title="</span></span><span style="font-family: "open sans" , serif , sans-serif; font-size: 15.6px; font-weight: normal;"><span style="color: red;">TITLE</span></span><span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;">" href="</span><span style="color: #cc0000;">LINK</span><span style="color: blue;">"></span></span></span><span style="font-family: "open sans" , serif , sans-serif; font-size: 15.6px; font-weight: normal;"><span style="color: #cc0000;">PAGE TITLE</span></span><span style="color: blue; font-family: "open sans" , serif , sans-serif; font-size: 15.6px; font-weight: normal;"></a></li></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;"><li><a title="</span><span style="color: red;">TITLE</span><span style="color: blue;">" href="</span><span style="color: red;">LINK</span><span style="color: blue;">"></span><span style="color: #cc0000;">PAGE TITLE</span><span style="color: blue;"></a></span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;">    <ul></span></span></span><span style="color: blue; font-family: "open sans" , serif , sans-serif; font-size: 15.6px; font-weight: normal;">   </span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;">       <li><a title="</span><span style="color: red;">TITLE</span><span style="color: blue;">" href="</span><span style="color: red;">LINK</span><span style="color: blue;">"></span><span style="color: #cc0000;">PAGE TITLE</span><span style="color: blue;"></a></li></span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;">       <li><a title="</span><span style="color: red;">TITLE</span><span style="color: blue;">" href="</span><span style="color: red;">LINK</span><span style="color: blue;">"></span><span style="color: #cc0000;">PAGE TITLE</span><span style="color: blue;"></a></li></span></span></span></h4>
<div>
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;">   </ul></span></span></span></div>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;"></li></span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;"><li><a title="</span><span style="color: red;">TITLE</span><span style="color: blue;">" href="</span><span style="color: red;">LINK</span><span style="color: blue;">"></span><span style="color: #cc0000;">PAGE TITLE</span><span style="color: blue;"></a></li></span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: blue;"><li><a title="</span><span style="color: red;">TITLE</span><span style="color: blue;">" href="</span><span style="color: red;">LINK</span><span style="color: blue;">"></span><span style="color: #cc0000;">PAGE TITLE</span><span style="color: blue;"></a></li></span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></ul></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: blue; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></span></span></h4>
</div>
<div style="color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 1.6em;">
<div>
<div>
<br /></div>
</div>
<br />
<br /></div>
</div>
<div style="clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 1.6em;">
</div>
</div>
<span class="datex show" style="background-color: #2e2e2e; color: white; display: block; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; left: 15px; padding: 3px 0px; position: absolute; text-align: center; top: 0px; transition: all 0.4s ease-in-out; z-index: 0;"><strong style="display: block; font-size: 21px; padding: 0px 2px;">19</strong><span style="display: block; font-size: 9px; height: 12px; line-height: 12px; padding: 0px 2px;">Mar</span><small style="display: block; font-size: 9px; height: 12px; line-height: 12px; padding: 0px 2px;">2016</small></span><br />
<div class="post-footer" style="background-color: #fafafa; border-top-color: rgb(192, 192, 192); border-top-style: solid; border-top-width: 1px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 0px -10px -10px; padding: 8px;">
<div style="color: #333333;">
<div itemscope="" itemtype="http://data-vocabulary.org/Review">
</div>
</div>
<div class="post-footer-line post-footer-line-1">
<h2 style="color: #333333;">
<b>Note:</b></h2>
<h2>
<b><span style="color: #333333;">            </span><span style="color: red;">TITLE = " Menu Title</span></b><b style="font-size: 12px;"><span style="color: red;">  "            </span></b></h2>
<h2>
<b><span style="color: red;">            LINK = " Page Link "</span></b></h2>
<h2>
<b><span style="color: red;">           PAGE TITLE =" Menu Name "</span></b></h2>
<div>
<b><span style="color: red;"><br /></span></b></div>
<h2>
<b>    Save Widg</b></h2>
<div>
<b><span style="color: red;"><br /></span></b></div>
<div class="post-author vcard" style="color: #333333; margin-bottom: 5px;">
<br /></div>
<div class="post-author vcard" style="color: #333333; margin-bottom: 5px;">
<br /></div>
</div>
</div>
</div>

How to Add Custom Menu Bar / Navbar/ Navigation Bar on your Blog Site

How to Add Custom Menu Bar / Navbar/ Navigation Bar on your Blog Site It's very helpful and useful tips. It also very Attractive...