Black Vertical Menu for Blogger with css3

Hello to all, this time i will share a menu pure with css3 and html, this menu is black with a hover effect and  also vertical, you can easily adjust it any where in your blog or website 

To place it on your blog just follow these simple steps:

• Go to Blogger Dashboard >> Layout.
• Add A Gadget >> Html/JavaScript.
• Paste the below given code in that.

<link rel="stylesheet" href="https://googledrive.com/host/0B2awdxxia6IDeS1NaXlDVklxRmc"/> 
<ul id="menu">
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>
    <li><a href="#">Menu 6</a></li>
</ul>

What is in red exchange it for what you want, and the "#" to change it to the desired menu link, can add or remove container "</li>" to enlarge or shrink the menu links depending on how many you want

 The result will be the following:

• Menu 1
• Menu 2
• Menu 3
• Menu 4
• Menu 5
• Menu 6

a simple but nice menu, I hope you like it, if it have any issue or you have any questions Leave here a comment :)