Awesome Circle Style Navigation Menu for Blogger

This is a Circle Style navigation bar. Im gonna explicate how to add together it to blogger. Circle navigation  carte du jour run fine amongst every modern cyberspace browsers.You tin link amongst your primary pages yesteryear using wire frame navigation Im using  Css3 as well as HTML, Just banking concern tally out demo.Its slow to add together to blogger

You may similar these article.
     Css3 Shadow Style Vertical Menu
     Round Corners Popular Post Widget
     Classic Style Css3 Navigation Bar

1. Log inwards to blogger concern human relationship as well as Click drib down.

 Im gonna explicate how to add together it to blogger Awesome Circle Style Navigation Menu for Blogger

2. Now pick out “Template” Like Below.

 Im gonna explicate how to add together it to blogger Awesome Circle Style Navigation Menu for Blogger

3. Now y’all tin run into Live on blog, Click EDIT HTML Button”

4. Find this tag yesteryear using Ctrl+F    ]]></b:skin>

5. Paste below code Before ]]></b:skin> tag

/* The CSS Code for the carte du jour starts hither bloggertrix.com */ .circlemenu{ width: 100%; overflow:hidden; } .circlemenu ul{ margin: 0; padding: 0; font: bold 14px Verdana; list-style-type: none; text-align: center;  } .circlemenu li{ display: inline; margin: 0; } .circlemenu li a{ display:inline-block; text-align:center; text-decoration: none; color: white; background:#b30707; margin: 0; margin-right:5px;  width:100px; height:100px; border-radius: 400px;  -moz-border-radius: 400px; -webkit-border-radius: 400px; } .circlemenu a span{ position:relative; top:40%; } .circlemenu li a:visited{ color: white; } .circlemenu a:hover{ background: #ff1774; }   

6. Go to blogger as well as click Layout

7. Click Add Gadget as well as select ‘HTML/Javascript

8. Paste below code.

<div class="circlemenu"> <ul> <li><a href="#"><span>Home</span></a></li> <li><a href="#"><span>Download</span></a></li> <li><a href="h#"><span>CSS</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="omelto.com"><span>Contact Us</span></a></li> </ul> </div> 

Replace # amongst your links.

9. Now salve your HTML/Javascript’. You are done.
Hope this helps who similar to add together circle navigation carte du jour for blog.
Sumber http://www.bloggertrix.com/