The move creates a menu for your blogspot and blog

I Started

You can do it easily. Please follow the following step one by one.

I started

you can do it easily. Please following the following steps one by one.

• First, log into your blog.
• The Deshboard>> Design>>Edit HTML click.
• Now, with Ctrl+F]]></b:skin> This article search. If you search on the code below and paste the code for the shot.

.container { width: 520px; height: 100px; position: absolute; top: 10%; left: 60%; margin: 0px 0 0 -80px; overflow: hidden; } img {border: none;} ul#topnav { margin: 10px 0 20px; padding: 0; list-style: none; font-size: 1.1em; clear: both; float: left; width: 520px; } ul#topnav li{ margin: 0; padding: 0; overflow: hidden; float: left; height:40px; } ul#topnav a, ul#topnav span { padding: 10px 10px; float: left; text-decoration: none; color: #fff; clear: both; height: 20px; line-height: 20px; background: #1d1d1d; } ul#topnav a { color: #7bc441; } ul#topnav span { display: none; } ul#topnav.bh span{ color: #FF0000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9bD5eRJ0FYi41G632TCZFvAUWkU0wAzfiwL-w45vPS4lvtGPYNCsmjVY9g0fzD3EzxJXowOcFwmi3J2h2J9LGhmJUdXMaH2c8QIYnNesslOnRb_j_e8xfwWbSkseLJfNP51mp4Oi2zNY/s320/hmenu.png) repeat-x left top; } ul#topnav.bh a{ color: #555; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9bD5eRJ0FYi41G632TCZFvAUWkU0wAzfiwL-w45vPS4lvtGPYNCsmjVY9g0fzD3EzxJXowOcFwmi3J2h2J9LGhmJUdXMaH2c8QIYnNesslOnRb_j_e8xfwWbSkseLJfNP51mp4Oi2zNY/s320/hmenu.png) repeat-x left bottom; }

Do not Save.

With Ctrl +F</head> This article search. If you search on the code below and paste the code for the shot.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $("#topnav li").prepend("<span/>"); $("#topnav li").each(function() { var linkText = $(this).find("a").html(); $(this).find("span").show().html(linkText); }); $("#topnav li").hover(function() { $(this).find("span").stop().animate({ marginTop: "-40" }, 250); } , function() { //On hover out... $(this).find("span").stop().animate({ marginTop: "0" }, 250); }); }); </script>

 With Ctrl+F<div it='Content-wrapper'> This text search. if you search  on the code below and past the code for the shot.

<ul class='bh' id='topnav'> <li><a href=http://techtunes.com.bd''>Home</a></li> <li><a href='#http://techtunes.com.bd>Blogspot</a></li> <li><a href='http://techtunes.com.bd'>Blog Design</a></li> <li><a href='http://techtunes.com.bd'>Blog</a></li> <li><a href='http://techtunes.com.bd'>Blogspt Blog Design</a></li> <li><a href='http://techtunes.com.bd'>Blog Design Tutorial</a></li> </ul>

Plase comments on any issue.