আপনার ব্লগস্পট ব্লগের জন্য তৈরি করুন মেন্যুবার|

আশা করি সবাই ভালো আছেন।

আমিও আপনাদের দোয়ায় ভালো আছি।

আজকে আমি দেখাবো কিভাবে আপনি আপনার ব্লগস্পট ব্লগে মেন্যুবার লাগাবেন। তাহলে আসুন শুরু করি।
আপনার ব্লগস্পট ব্লগের জন্য তৈরি করুন মেন্যুবার|
আপনার ব্লগস্পট ব্লগের জন্য তৈরি করুন মেন্যুবার|

প্রথমে গুগল আইডি ওপাসওয়ার্ড দিয়ে ব্লগার.কম এ লগইন করুন।
তারপর Deshboard>Layout> Edit HTML পাতায় যান।
Ctrl+F দিয়ে  ]]</b:skin> এই লিখাটি সার্চ করুন। লেখাটি  পেলে তার ঠিক উপরে নিচের কোডটি বসিয়ে দিন।

/* Navigation ----------*/
 #NavbarMenu {
 background: #A0CFEC;
 width: 980px;
 height: 34px;
 font-size: 12px;
 font-weight: bold;
 font-family: 'AdorshoLipi', Arial, Tahoma, Verdana;
 color: #000000;
 margin: 0;
 padding: 0;
 float:left;
 }
 #NavbarMenuleft {
 width: 690px;
 float: left;
 margin: 0;
 padding: 0;
 }
 #NavbarMenuright {
 width: 285px;
 float: right;
 margin: 0;
 padding: 6px 0 0;
 }
 #nav {
 margin: 0;
 padding: 0;
 }
 #nav ul {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
 }
 #nav li {
 list-style: none;
 margin: 0;
 padding: 0;
 }
 #nav li a, #nav li a:link, #nav li a:visited {
 color: #2008AF;
 display: block;
 font-size: 14px;
 font-weight: bold;
 font-family: Georgia, Times New Roman;
 margin: 0;
 padding: 5px 10px 5px;
 }
 #nav li a:hover, #nav li a:active {

color: #000000;
 font-weight: bold;
 margin: 0;
 padding: 5px 10px 5px;
 text-decoration: underline;
 }
 #nav li li a, #nav li li a:link, #nav li li a:visited {
 background: #A0CFEC;
 width: 100px;
 color: #2008AF;
 font-size: 14px;
 font-family: 'AdorshoLipi', Georgia, Times New Roman;
 font-weight: normal;
 float: none;
 margin: 0;
 padding: 3px 4px;
 border-bottom: 1px solid #FFF;

}
 #nav li li a:hover, #nav li li a:active {

color: #000000;
 padding: 3px 4px;
 }
 #nav li {
 float: left;
 padding: 0;
 }
 #nav li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 height: auto;
 width: 150px;
 margin: 0;
 padding: 0;
 border-left:1px solid #BFC0C0;

}
 #nav li ul a {
 width: 100px;
 }
 #nav li ul ul {
 margin: -28px 0 0 100px;
 }
 #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em;
 }
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left: auto;
 }
 #nav li:hover, #nav li.sfhover {
 position: static;
 }

 এবার নিচের দিকে স্ক্রল করে যান।
নিচের দিকের <div id='content-wrapper'> লেখাটির ঠিক উপরে নিচের কোডটি লিখুন।

<div id="NavbarMenu">
<div id="NavbarMenuleft">
<ul id="nav">
    <li><a>Home</a></li>
    <li><a href="#">Blogging</a>
<ul>
    <li><a href="#">Blogspot</a>
<ul>
    <li><a href="#">Webdesign</a></li>
    <li><a href="#'>Blogger</a></li>
    <li><a href="#">Gadgets</a></li>
</ul>
</li>
    <li><a href="#">Wordpress</a></li>
    <li><a href="#">Report</a></li>
    <li><a href="#">Html</a></li>
</ul>
</li>
    <li><a href="#">Linux</a>
<ul>
    <li><a href="#">Ubuntu</a></li>
    <li><a href="#">it sayeem </a></li>
</ul>
</li>
    <li><a href="#">Other</a>
<ul>
    <li><a href="#">E Book</a></li>
    <li><a href="#">techtunes</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Email me</a></li>
    <li><a href="#">Link to us</a></li>
    <li><a href="#">Table of Contents</a></li>
</ul>
</li>
    <li><a href="#">BH Templates</a></li>
</ul>
</div>
<div id="NavbarMenuright"><script type="text/javascript" src="http://tareq.wedevs.com/bangla_date_widget.php"></script>,<script type="text/javascript">// <![CDATA[
 var d=new Date();
 var weekday=new Array(7);
 weekday[0]="রবিবার )";
 weekday[1]="সোমবার )";
 weekday[2]="মঙ্গলবার )";
 weekday[3]="বুধবার )";
 weekday[4]="বৃহস্পতিবার )";
 weekday[5]="শুক্রবার )";
 weekday[6]="শনিবার )";
 document.write(" ( " + weekday[d.getDay()]);

// ]]></script></div>
</div>

নিজের প্রয়োজনমতো লিংকগুলি ও এ্যাংকর টেক্সটগুলি বদলিয়ে নিন।
একটু ধীরে ধীরে সময় নিয়ে করবেন, না হলে সবকিছু এলোমেলো হয়ে যাবে।
আমি ন্যাভবারটির ডানপাশে বাংলা তারিখ কোড সহ দিলাম। আপনারা <div id='NavbarMenuright'>এই অংশের মধ্যে অন্যকিছুও বসিয়ে দিতে পারেন।
আশা করি সবাই পারবেন। যদি কোথায়ও বুঝতে কোন অসুবিধা হয় জানাতে ভুলবেন না। আর কারো ভালো লাগলে মন্তব্য করতে ভুলবেন না এবং কোন ভুল হলে ক্ষমা সুন্দর দিষ্টিতে দেখবেন।

Rules: Make sure your comment add content to the page. Then add your links thereafter. Irrelevant comments will be deleted.

Post a Comment

Add Comment (0)

Previous Post Next Post