Stylish menubar যুক্ত করুন আপনার blogger সাইটে

১। আপনার ব্লগার সাইটে লগ ইন করুন।
২। Template এ গিয়ে Edit Html এ ক্লিক করুন।

৩।   Ctrl+F  চেপে  ]]></b:skin> খুজে বের করুন
৪। এইবার নিচের কোডটি Replace করুন

/* Bloggertrix  */
#menu2{
    width:90%;
    margin:25px auto;
}
#menu2 ul{
    list-style:none;
}
#menu2 li{
    display:block;
    float:left;
}
#menu2 li a{
    background:#e4e8eb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3WOlQ7Y4-CmZAavoJIBLYnVY7qBwqVeiDUWvO7reyWt_mmE4o5eQkFvFH8MJjzbE45HD2xx8gAr6MmczHFx-GstwcOYqTM8zIuX0w4CpK6HxvKYAHU1uaBQyY7FEySXYn9begcxhmNw8/s1600/menu_bg.gif) repeat-x;
    border:2px solid #bdc5cd;
    margin:0 1px;
    padding:15px 15px 15px 15px;
    display:block;
    float:left;
    color:#2b61a1;
    text-transform:uppercase;
    text-decoration:none;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    height: 30px;
}
#menu2 li a span{
    color:#636363;
    font-size:10px;
    text-transform:lowercase;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-weight:normal;
}
#menu2 li a:hover{
    background:#e46825 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWvOdJygdhQvL-RCqxJNM2HJ0IX5s1CcZ1MlNjufKKkIyvJ7Yb0JOjNYX6XTkOXE7b6_yhQtNMlV5mfQU6w6uBavhTl9D4OyPP341_8EvKBSp9oe9nJNb6FsYRLlZIv1RyM6ak9b6DNUQ/s1600/menu_hover.gif) repeat-x;
    border:2px solid #4a88ce;
    text-decoration:none;
}
#menu2 li a:hover span{
    color:#636363;

}
.current{
    background:#74befd url(images/menu_hover.gif) repeat-x;
    border:2px solid #4a88ce;
    margin:0 1px;
    padding:15px 15px 15px 15px;
    display:block;
    float:left;
    color:#2b61a1;
    text-transform:uppercase;
    text-decoration:none;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:13px;
    cursor:pointer;
    font-weight:bold;
    height: 30px;
}
.current span{
    color:#636363;
    font-size:10px;
    text-transform:lowercase;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-weight:normal; ]]></b:skin>

৫। এবার Layout এ গিয়ে Html/jabascript এ ক্লিক করে নিচের কোডটি paste করে save করুন

<div id="menu2">
<ul>
<li class="current">Home<br />home page</li>
<li><a href="#">About Us<br />about us page</a></li>
<li><a href="#">Products<br />products page</a></li>
<li><a href="#">Partners<br />partners page</a></li>
<li><a href="http://www.bloggertrix.com/">Contact Us<br />contact page</a></li>
</ul>
</div>

বুঝতে সমস্যা হলে