Add a Beautiful custom menu Blogger Blogspot Blog

0

You can easily add a colorful custom menu blogger blog.

I have create the custom menu for my blogger blog . You can see the menu from my blogger blog.

My blog is hear Xplorerbd . Let’s view the process how to add a custom menu blogger blog.

Web Navigation menu

Web Navigation menu

Process:

1. Go to your Blogger Dashboard/Template/Edit HTML

2. Now press Ctrl+F and fond </head>

3. Copy the code Before </style> Tag

 

The code is

[css] li a:hover {
background-color:#00F;color:#FFF;
}
ul a { text-decoration: none;link-style:none;
direction:none;list-style-type:none;color:#F00;background-color:#CCC;border-radius: 4px 4px 4px 4px;font-family:Verdana, Geneva, sans-serif; margin-top:5px;margin-left:8px;padding :10px; float: left; width: auto; font-size:16px;list-style: none outside none;
}
ul {
padding-left:40px;
}
li {
background-radius: 3px 3px 3px 3px; list-style-type: none; float: left;
}
[/css]

4. Now find </header> After find it. Copy the second code After </header> tag

[html] <ul>
<li>
<a href=”http://yoursite url/#”>Home</a>
</li>
<li>
<a href=”http://yoursite url”>About Admin</a>
</li>
<li>
<a href=”http://yoursite url”>Write for Us</a>
</li>
<li>
<a href=”http://yoursite url”>Contacts Us</a>
</li>
<li>
<a href=”https://www.pcjar.com”>Blog</a>
</li>
<li>
<a href=”http://yoursite url”>Sitemap</a>
</li>

</ul>
[/html]

Now Replace the “yoursite url” With your own link .

If you want to add more link in menu ber Simply copy the code

[html]<li>
<a href=”https://www.pcjar.com”>Blog</a>
</li>[/html]

And paste before </ul> tag

If you face any problem please write your problem in Comment.

Share.

Leave A Reply