Drop down menu makes the navigation in your blog a lot easier, as you can put a number of links in a single row or column.
See this widget in action: ClubVista Template
Similar Widgets:
1. Multi Level Drop Down Menu - Black
2. Sliding Drop Down Menu
To use this drop down menu on your blog, follow these instructions:
STEP #1:
Log in to Blogger, go to Layout and click on "Edit HTML"
Find (CTRL+F) this code in the template:
See this widget in action: ClubVista Template
Similar Widgets:
1. Multi Level Drop Down Menu - Black
2. Sliding Drop Down Menu
To use this drop down menu on your blog, follow these instructions:
STEP #1:
Log in to Blogger, go to Layout and click on "Edit HTML"
Find (CTRL+F) this code in the template:
</head>
and immediately ABOVE / BEFORE that, paste this code:
<!--MULTI-LEVEL-DD-MENU-STARTS-->
<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/style.css" type="text/css" />
<script type="text/javascript" src="http://aassas.googlecode.com/files/dropdown%20menu.js"></script>
<!--MULTI-LEVEL-DD-MENU-http://fishers.tk-->
<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/style.css" type="text/css" />
<script type="text/javascript" src="http://aassas.googlecode.com/files/dropdown%20menu.js"></script>
<!--MULTI-LEVEL-DD-MENU-http://fishers.tk-->
STEP #2:
Now go to "Layout" -> "Edit HTML" -> "Page Elements" and click on "Add a Gadget" and select it as "HTML/JavaScript" type.
And add this code to it:
Now go to "Layout" -> "Edit HTML" -> "Page Elements" and click on "Add a Gadget" and select it as "HTML/JavaScript" type.
And add this code to it:
<!--MULTI-LEVEL-DD-MENU-STARTS-->
<ul class="menunew" id="menu">
<li><a href="http://fishers-men.blogspot.com/search/label/B%E1%BB%93i%20linh" class="menulink">SPIRITUAL</a>
<ul>
<li><a href="http://fishers-men.blogspot.com/search/label/Th%C3%A1nh%20Kinh%20h%C3%A0ng%20ng%C3%A0y">HOLY BIBLE</a></li>
<li>
<a href="http://fishers-men.blogspot.com/search/label/C%C3%A2u%20chuy%E1%BB%87n%20%C4%91%E1%BB%A9c%20tin" class="sub">STORIES</a>
<ul>
</ul>
</li>
<li>
<a href="http://fishers-men.blogspot.com/search/label/C%E1%BA%A7u%20nguy%E1%BB%87n" class="sub">PRAYER</a>
<ul>
</ul>
</li>
</ul>
</li>
<li>
<a href="http://fishers-men.blogspot.com/search/label/Entertainment" class="menulink">ENTERTAINMENT</a>
<ul>
<li><a href="http://fishers-men.blogspot.com/search/label/Videos">VIDEO</a></li>
<li>
<a href="http://fishers-men.blogspot.com/search/label/Music" class="sub">MUSIC</a>
<ul>
<li class="topline"><a href="http://fishers-men.blogspot.com/search/label/Beats">BEATS</a></li>
<li><a href="#">CHRISTIAN MUSIC</a></li>
<li><a href="#">COLLECT</a></li>
</ul>
<li><a href="http://fishers-men.blogspot.com/2010/10/games.html">GAMES</a></li>
<li><a href="http://fishers-men.blogspot.com/2010/10/wix.html" class="sub">WIX</a></li>
<ul></ul>
</li></ul></li>
<li>
<a href="http://fishers-men.blogspot.com/search/label/Knowledge" class="menulink">KNOWLEDGE</a>
<ul>
<li><a href="http://fishers-men.blogspot.com/search/label/Study%20English">ENGLISH</a></li>
<li><a href="http://fishers-men.blogspot.com/search/label/Kham%20pha">EXPLORE</a></li>
<li><a href="http://fishers-men.blogspot.com/search/label/Thu%20thuat">BLOGGER</a></li>
<li><a href="#">INTERNET</a></li>
<li>
<a href="#" class="sub">LIVING ART</a>
<ul>
<li class="topline"><a href="http://fishers-men.blogspot.com/search/label/Life">THE LIFE</a></li>
<li><a href="http://fishers-men.blogspot.com/search/label/Vui%20cuoi">FUNNY</a></li>
<li><a href="http://fishers-men.blogspot.com/search/label/Chuyen%20la">CHUYỆN LẠ</a></li>
<li><a href="#">LỜI HAY Ý ĐẸP</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://fishers-men.blogspot.com/search/label/NEWS" class="menulink">NEWS</a></li>
</ul>
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
<!--MULTI-LEVEL-DD-MENU-http://fishers.tk--></li></ul>
( Các bạn thay các đường link MÀU XANH là các đường link của nhãn, và thay đổi tên nhãn MÀU HỒNG cho các nhãn )
Of course you have to edit the content before saving this widget.
NOTE: Although the required css and js files are already uploaded and linked in the code in STEP #1, but I suggest you to download and save these files as a backup on your PC:
BackUp - STEP #1:
Download these 2 files:
DDM1_script.js, and
DDM1_style.css
Download zipped file
BackUp - STEP #2:
Upload them to MyDataNest.com, and get the DIRECT LINKS to these files.
NOTE: Although the required css and js files are already uploaded and linked in the code in STEP #1, but I suggest you to download and save these files as a backup on your PC:
BackUp - STEP #1:
Download these 2 files:
DDM1_script.js, and
DDM1_style.css
Download zipped file
BackUp - STEP #2:
Upload them to MyDataNest.com, and get the DIRECT LINKS to these files.
0 Comments