Home / Template Customization / How To Add Horizontal Menu Bar to Blogger

How To Add Horizontal Menu Bar to Blogger

Posted by Unknown Sabtu, 21 Desember 2013 0 komentar

How To Add Horizontal Menu Bar to Blogger: Making your Blog simple and Navigable help you to increase you Lovers and visitors, and it also define your personality to readers. There are some methods to make your Blog simpler, Here we cannot describe all of those factors to make your Blog simpler.Today we are going to teach you how you can add menu bar to blogger.

How To Add Horizontal Menu Bar To Blogger

Sign up to Blogger Dashboard.
Now click on the Template Tab of your Site.
Then click on the Edit HTML Tab there.
Proceed and search for the Below code.

]]></b:skin>

Now copy the Below script and Paste it above the ]]></b:skin> Tag.

#Wrapper_Nav{background:#111; height:35px;}
.Top_Menu{margin:0 auto; width:960px}
.Menu a{color:#fff; display:block; padding:4px 7px;text-decoration:none}
.Menu a:hover{background:#f4f4f4; color:#333; display:block}
.Menu ul{list-style:none; margin:5px 0}
.Menu li{float:left; height:25px}
.Menu{float:left; height:35px; width:960px}

When you do the above steps, then search for <body>

Now copy the Below script and paste it Below the
<body> Tag.

<div id="Wrapper_Nav">
<div class="Top_Menu">
<nav class="Menu">
<ul>
<li><a href="#">Home Tab</a></li>
<li><a href="#" rel="author">About You Text</a></li>
<li><a href="#">Contact Text</a></li>
<li><a href="#">Forum Site</a></li>
<li><a href="#">Advertise Money</a></li>
<li><a href="#">Guest Post</a></li>
<li><a href="#">Text</a></li>
<li><a href="#">Privacy Policy Of Your Blog</a></li>
<li><a href="#">Disclaimer Text</a></li>
</ul>
</nav>
</div>
</div>

Simply Replace the # with the Specific links you want to redirect readers.
Save your Template you have done it!

Stylify your Blog With Cool Navigation Menu

So what are you looking for? Try this Glowing Horizontal Menu bar beautiful Black color surely will enhance your Readers with it's simple Look.Do Enjoy these cool Tricks from TricksPunch But remember to share your ideas in the comment box.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: How To Add Horizontal Menu Bar to Blogger
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://topandroidnexus7.blogspot.com/2013/12/how-to-add-horizontal-menu-bar-to.html. Terima kasih sudah singgah membaca artikel ini.