Go to your blogger account, go to Dashboard >> Layout >> and on your Page Elements page, click Add A Gadget and choose HTML/JavaScript Add then copy the next code and paste it in the HTML/JavaScript Content area.
<style type="text/css">
#ddblueblockmenu{
border: 1px solid #000000; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #ffffff; /* Menu Font Color */
background-color: #ffffff; /*Menu background Color */
border-bottom: 1px solid #90bade; /*Bottom border color */
border-left: 7px solid #1958b7; /*Left border color */
list-style-type:none;
}
* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}
#ddblueblockmenu a:hover {
background-color: #2175bc; /*Menu background Color On Hover*/
border-left-color: #1c64d1; /*Left border color On Hover*/
}
#ddblueblockmenu div.menutitle{
color: #ffffff; /* Title Font Color */
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #000000; /*Menu Tite Background Color*/
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
</style>
<div id="ddblueblockmenu">
<div class="menutitle">C PROJECTS</div>
<ul><a href='http://errorcodexin.blogspot.com/p/class-calender_5.html'>Calender in C</a>
<a href='http://errorcodexin.blogspot.com/p/write-program-and-call-it-calc.html'>Calculator in C</a>
<a href='http://errorcodexin.blogspot.com/p/cc-dec-to-hex.html'>Dec to Hex in C</a>
<a href='http://errorcodexin.blogspot.com/p/have-you-ever-wanted-simple-and.html'>Attendance program in C</a>
<a href='http://errorcodexin.blogspot.com/2015/09/program-that-works-as-editor.html#more'>Editor in C</a>
<a href='http://errorcodexin.blogspot.com/2015/09/quiz-game-in-c.html#more'>Quiz Game in C</a>
<a href='http://errorcodexin.blogspot.com/2015/09/data-encrypting_14.html'>Data Encrypting in C</a>
<a href='http://errorcodexin.blogspot.com/2015/09/book-store-management.html#more'>Book Store Management in C</a>
<a href='http://errorcodexin.blogspot.com/2015/09/program-of-c-editor-with-menu-bar.html'>C editor with menu bar</a></ul></div>
Now click Save And you are done, please check your blog.
Now we’ll learn how to customize the menu colors to me it looks perfectly with your blogger template Or you can just leave it as you see it.