This new menu has two different variations. The color combination can either be red in active mode and grey on mouse hover or vice versa. It is a shiny navigation menu that is mainly created for including blogger pages such as Home, Contact, About. That's why I ignored adding a drop down column to it. Very soon we will also learn how to create mega menus with multi columns in drop down view. But first lets see a demo first,
Grey-Red Theme
Red-Grey Theme
Add This Menu To Blogger
- Go to Blogger > Design
- Choose HTML/JavaScript widget
- Paste the following code inside it,
<style>
.mbt-red-grey-menu{
border:5px solid #cd0000;
padding:0;
clear:both;
}.mbt-red-grey-menu{
margin:0px;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpcjvBrsBjNCmI2e74p3UnsXI-sXGpKstVy292tae1jOumDOYdQim1JKi8RsnD7w-_1kWpQgyeuUdld_EFsZfRLl5QORgIXMbxwvHpwCPtEyTTXwRCbyhh9FOj7QlTuZJn5VmPSnW9Mg/s400/blockdefault.gif) center center repeat-x;
}.mbt-red-grey-menu li{
display: inline;
}.mbt-red-grey-menu li a{
float: left;
color: #fff;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}.mbt-red-grey-menu li a:visited{
color: #fff;
}.mbt-red-grey-menu li a:hover, .mbt-red-grey-menu li a.selected{
color: #fff;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIJH4BfX4TEtCJNKujmdS8HQ8b-T1-zelzcuT5lOSS8aiDLptKLzPnZzR60nLhFEd-fWV6n-maIr3r9W3EekUftCrzCkXuEszm8nAVe8z1iu_Q3WwXJTIM_gqvqOdd2TK21S7F915FtOU/s400/blockactive.gif) center center repeat-x;
}</style>
<ul class="mbt-red-grey-menu">
<li><a href="#">Home</a></li>
<li><a href="#" >About Us </a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
Make these changes:
Replace the # sign in each case with related Page URL.
The above code is for Red-Grey theme if you wish to use the other theme instead then simply swap the position of the two image links in the above code (shown in purple).
To add a new link then paste the following code each time you want just before </ul>
<li><a href="#">page-name</a></li>
4. Save your widget and drag it just below your blog header. (Blog header is the widget where you add blog title and description)
5. Hit the Save button at the top-right corner of Page Elements page
6. You are all done!
Visit your blogs to see it working just perfectly. If you would like to select a different menu out of 30-40 menus created by MBT then you can search our blog to find something more exciting. Feel free to let me know if you needed any help. I am sure this menu will let you better organize your blog. Peace brothers. :>
Yes you heard it right! Thankfully now you can create a 
Blogger just 
Discussing this topic has now become really important since I have observed people confusing labels with keywords spam. Blogger blogs or Wordpress blogs, no matter which platform you may be using, provides you with an option of tagging your posts that you publish. Tag, Label or Category they all mean the same and their purpose is to provide easy navigation to a blog reader. You may be writing several posts per week and if you don't organize them by putting them in relevant categories then you are turning your blog into an unorganized site and this makes the job for your readers more difficult to navigate from one page to another and this badly effects your PageViews. Lets first discuss a general layman definition for this Label term.
Whether you like flowers, Christmas, EID, Greenery or Dark and light backgrounds then thankfully now you give any color and look to your blogger comment forms. The code that we previously released can be used to give any 
Adding social media links to 
Technology has developed enough that you can now convert your hand written signature into a digital one with simple online tools. 
I will be publishing several pattern themes for 
This is just a short but extremely useful trick for all those who wish to change the position of their Post body and 
To answer this question first and foremost ask yourselves why should an advertiser choose your blog? why Should he spend money by advertising his product on your site? What benefits or to be more precise what value does your blog provides to the sponsor? How can you guarantee that his product wont get neglected if he chooses to buy an Ad Spot on your blog? Too many questions but a simple logical answer to all of them and that is provide him with Quality. Read on to understand this logic. 
Alexa is an algorithm which is based on the use of Alexa toolbar. This toolbar provides hottest news headlines around the globe and provides you with easy shortcuts to important websites and social networks and resources. That's why it is so popular. Bloggers and journalists often get topic ideas from the news headlines popping in their Alexa bar. This Toolbar is different from any other toolbar. It also tracks which websites are you viewing and how much time are you spending browsing different sites and blogs. If you have Alexa toolbar installed and you are reading my blog then indirectly you are benefiting me by telling Alexa team "Hey I like MBT Please rank it higher!" and when more and more people visit my blog provided that they have Alexa toolbar installed, I rank higher and higher. As simple as that.
){kind=link}
){kind=link}
![https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUYfb2_j9rbXJj-QXY-GmnQBL_dN0ezfPUfCEFrM-VY3DADJzC-akdd6ZA8ZJ7wVSBH30ETOgd131FiQ2y1awCGKXVnpX4Zpy1JfGOjsPuSH4A9HlIT4fq4T7ZA-2ikCZs-4DPhUnVzv4/s400/closed.gif"](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUYfb2_j9rbXJj-QXY-GmnQBL_dN0ezfPUfCEFrM-VY3DADJzC-akdd6ZA8ZJ7wVSBH30ETOgd131FiQ2y1awCGKXVnpX4Zpy1JfGOjsPuSH4A9HlIT4fq4T7ZA-2ikCZs-4DPhUnVzv4/s400/closed.gif"){kind=link}
![https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihU3J1jRmWX3SxXUdCEtHg_aS7z4KpoEvMd00egKwVuIR7NmXcGBGJhOrUC89JgNY7PSABO0edAstRDsCmyMgAbi1Ef3F4TmaFLacmco-2WKF2J_ofKEM6k7x80DJO43LzqM2pKNh_i-8/s400/open.gif"](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihU3J1jRmWX3SxXUdCEtHg_aS7z4KpoEvMd00egKwVuIR7NmXcGBGJhOrUC89JgNY7PSABO0edAstRDsCmyMgAbi1Ef3F4TmaFLacmco-2WKF2J_ofKEM6k7x80DJO43LzqM2pKNh_i-8/s400/open.gif"){kind=link}