New Multi-Level Drop-Down Menu

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:
</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://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/script.js"></script>
<!--MULTI-LEVEL-DD-MENU-http://bloggerstop.net-->

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:
<!--MULTI-LEVEL-DD-MENU-STARTS-->
<ul class="menunew" id="menu">
<li><a href="#" class="menulink">Dropdown One</a>
<ul>
<li><a href="#">Navigation Item 1</a></li>
<li>
<a href="#" class="sub">Navigation Item 2</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</li>
<li>
<a href="#" class="sub">Navigation Item 3</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li>
<a href="#" class="sub">Navigation Item 3</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li><a href="#">Navigation Item 6</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 4</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</li>
<li><a href="http://bloggerstop.net" class="menulink">Blogger Help</a></li>
<li>
<a href="#" class="menulink">Dropdown Two</a>
<ul>
<li><a href="#">Navigation Item 1</a></li>
<li>
<a href="#" class="sub">Navigation Item 2</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" class="menulink">Dropdown Three</a>
<ul>
<li><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li>
<a href="#" class="sub">Navigation Item 6</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 7</a></li>
<li><a href="#">Navigation Item 8</a></li>
<li><a href="#">Navigation Item 9</a></li>
<li><a href="#">Navigation Item 10</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
<!--MULTI-LEVEL-DD-MENU-http://bloggerstop.net-->
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.

Credits for the widget: Leigeber
Widget Requested by: Roady

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

94 comments

Write comments
March 11, 2009 10:50 AM delete

Hey divya i need your help i did all waht oyu have said but i am not geeting the sma result can you see what;s wrong thanks my blog is here http://www.thenetgod.blogspot.com/

Reply
avatar
March 11, 2009 11:55 AM delete

Hi manan,
There was some problem in the css file, I have corrected it and changed the code too (in step 5), so plz repeat the entire process and tell me if it's working now !

@ Altuğ KOÇ
Plz try now, I have replaced the previous download link...

Reply
avatar
March 12, 2009 1:17 AM delete

hey dude can u tell me how can we make document wipe effect on our blogger i have seen tht effect on dynamic drive .

but not understand how to do tht ~x(

Reply
avatar
March 12, 2009 4:21 AM delete

Hello everybody,
I have just updated this post, and replaced the widget entirely with a new one. Now i guess it won't be having any code conflicts !

@Arham,
Do you want to use wipe effect as an intro page or just as a widget in your blog ?

@ Sujith
I havn't checked it below IE8, it would be a great for me and other readers if you could test it in IE6...

Reply
avatar
March 12, 2009 9:15 AM delete

Okay.. this works finally with firefox and with my blog! :D

About Internet Explorer, It didn't work with my IE version 6.

Thanks a lot Sai for this. :)

Reply
avatar
March 13, 2009 12:41 PM delete

It stopped working I guess :D
Yesterday itself.. all of a sudden.. the options in the menu stopped appearing itself.. lol weird xD

so what I did was, i download the .JS and .CSS file, made a new folder, made index.html, added your html code in that and linked it with those files in SAME folder. Tried it out but the options under the menu stopped appearing!

Reply
avatar
March 13, 2009 1:45 PM delete

Dude you were using files hosted on my account (dsai.588.googlepages) - and now its bandwidth has exceeded the limit,
THAT IS WHY, i have written to open an acc in hotlinkfiles and use files from there.
and DO NOT use 50 megs for DIRECT LINKS, as those websites do not allow you to link files directly.

So presently simply download those files, create an a/c in HLF and use the direct links in the code above !

PS: i am unable to use my own googlepages a/c as many bloggers are using files hosted in that a/c ans so bandwidth is frequently exceeding it's limit.

Please read this

Reply
avatar
March 13, 2009 1:49 PM delete

.css is the one which sets the style of any widget or web page,
whenever you find that some widget has lost it's design or images and its SKELETON is visible to you, that means either the css file has been deleted from it's location or host is down, where the file has been uploaded...

Reply
avatar
March 14, 2009 4:03 AM delete

hey buddy...I followed your instructions as described. I put codes and everything. But, I cannot get the drop down effect in my blog. i.e. I cannot access subcategories of drop downs. Please check at niravsphysio.blogspot.com.

Please let me know the problem. So, I can fix and I can have same drop down effect as you have in http://clubvista-template.blogspot.com/#.

Thanks!

Reply
avatar
March 14, 2009 6:16 AM delete

Hey Nirav, even I'm getting thh same problem as you are.

@Sai - Well, I added your .js and .css file on hotlinkfiles and I tried then.. didn't work.
Also, I even downloaded your script and cascading style sheet file.. put them in a folder, made index.html file and added the proper source code, the menu comes but no drop down. Weird :S

Reply
avatar
March 14, 2009 11:16 AM delete

Roady,
the .js file you are using, is completely different....here's the file you are using:

http://www.hotlinkfiles.com/files/2380689_i29lp/DDM1_script.js

And actually the content should be this:
var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
...
...
...
...
}
return{dd:dd}
}();

Reply
avatar
March 14, 2009 11:22 AM delete

And although Hotlinkfiles is quite reliable, but recently even they have got some problem and files may go missing sometimes !

So if anyone finds any better file sharing website with hotlinking/direct linking service, then please suggest here !

@Nirav,
Your coding is correct, I'm not sure but may be there's some code conlict in your blog's template !

Reply
avatar
March 14, 2009 11:23 AM delete

@ Nirav,
have you tried this widget:
http://bloggerstop.net/2009/01/multi-level-drop-down-menu-in.html

or this one:
http://bloggerstop.net/2009/03/simple-drop-down-menu-using-jquery.html

Reply
avatar
March 14, 2009 1:48 PM delete

Hey thanks for pointing the mistake :) . About HotlinkFiles.. yeah .. they deleted my folder.. and I can't seem to upload any file.. some bug.. "No space left". Uploaded .CSS file on fileden (Thank's Sai for that)m looking for a .js file hoster!

Reply
avatar
March 14, 2009 1:59 PM delete

Thanks for this, Gave me some other ideas on drop down menus, really clean design as well..

Reply
avatar
March 14, 2009 3:37 PM delete

@ Roady,
Actually the files are not deleted, they'll be back after some time, donno what's going wrong over there, anyways, here's 1 more similar host:
http://www.sigmirror.com/

@ Gerardo
Yup the design is really clean !

Reply
avatar
March 16, 2009 12:03 AM delete

erm.. how to make side drop down? and not centar

Reply
avatar
March 16, 2009 6:17 PM delete

@Divya,
thanks for your reply. But now I changed my drop down menu look. I added flash drop down menu by uploading .swf file. It works great even in the blogger. Take a look at www.niravsphysio.blogspot.com and www.freegrematerial.blogspot.com.

It works fine...but the only problem is that it takes so much blank space and drop down bards are not overlapping the blog text. I want dropping bars right on the top of everything.

Can you help me how to fix that? I will be greatful to you. Thanks!

Reply
avatar
March 17, 2009 3:13 AM delete

no erm.. i mean jz side << no sliding

Reply
avatar
March 17, 2009 4:00 AM delete

@ CrakerLo,
then in that case, you may like to read this post:
http://bloggerstop.net/2009/01/create-customized-side-menu-in-your.html

@Nirav,
The flash menu looks really good, but i think there are some problems, as u have already mentioned, the height of widget increases acc to the sub-manu with max. no. of tabs, and as this is in flash, so it is equally new to me !

Moreover if your visitors do not have flash installed in their browsers, then they'll see a big blank space with a small cross in that place, see this screenshot:
http://www.gigaimage.com/images/iio7kg6ebubhk4m03fdq.png

Anyways u can always find out, how many of your visitors have flash etc. installed on their PCs:
http://bloggerstop.net/2008/11/how-to-track-visitors-and-optimize-your.html

Reply
avatar
March 17, 2009 4:10 AM delete

@ CrakerLo,
you may try the second menu in this page, if you want multiple levels in side menu,

http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

and also this one (to create your own):
http://www.cssmenubuilder.com/build-vertical-menu

Reply
avatar
Nirav
March 17, 2009 4:53 PM delete

@Divya....
Do you know how to convert from .swf to .js and .css files? so that i can add them in html coding.

If possible let me know...

Reply
avatar
March 18, 2009 1:52 PM delete

Dude, this post is also doing the same work, isn't it?

Reply
avatar
March 19, 2009 12:17 AM delete

Hi Divya... no solution for the probleme of the drop down effect of this gadget???!! ~x( cannot access to subcategories of drop downs so far!!!! :(
i've tested your links .js & .css that u use!
(http://dsai.588.googlepages.com/DDM1_script.js) and (http://dsai.588.googlepages.com/DDM1_style.css) for nothin'!!!
Also i upload the files into my own webhost space (http://hard2beatus.ucoz.com/DDM1_script.js) and (http://hard2beatus.ucoz.com/DDM1_style.css)
but the probleme persists

I can guarantee that it is not a question of a sharing website!!!
I see that i'm not The only one who suffer of this ...!

How have you manage to put it on? :-/
Can you help US to fix that PLZ?

Reply
avatar
March 19, 2009 12:26 AM delete This comment has been removed by the author.
avatar
March 19, 2009 12:27 AM delete

Otherwise it is impossible whom we are proceed in same stages and we use even links and whom results are different! :(

Reply
avatar
March 19, 2009 7:16 AM delete

Hi dude, I have explained here, what I have exactly done in the demo blog, and as you have already checked the demo blog and it's source, there's nothing left to explain, so even I am confused, where can it go wrong :-/

Reply
avatar
Anonymous
March 19, 2009 4:52 PM delete

It should be mistake there! not working!!!!
x( x( x( x( x( x( x( x( x( x( x( x( x(

Reply
avatar
March 19, 2009 10:45 PM delete This comment has been removed by the author.
avatar
March 19, 2009 10:53 PM delete

@Sai - Email me anymore uploads you want. Like for these 2 files, I had to make folder under the same name "new-multi-drop-down", so similarly for others.

Reply
avatar
March 20, 2009 7:12 PM delete

Hi Divya... :)
i'm so glad to tell u that I finally found the dum probleme with this gadget!
:D YES! your .css file use the class "menu" that is already exists in the CSS of my blog's "source code"!!! :p
Editing the name of one of them is enough to solve the problem (of course also in the HTML part!) :)) How I missed that! :p

Reply
avatar
March 21, 2009 3:36 PM delete

Ohhh !!! menu is so common inn templates, i know i should have changed it, anyways thnx for pointing it out, i'll update this post and the file...

Reply
avatar
March 21, 2009 3:41 PM delete

@ Roady,

Dude thnx a lot for your help. But i want the bloggers (at least the readers of this blog) to upload and link their own files, it is always better to learn new things and to be self-dependent...
once again thnx roady !

Reply
avatar
March 22, 2009 12:35 AM delete

thnx roady !???? :-t
I deserve some thanks me too ...not? :p
it's me who solved the probleme dude! ~x(
:)) :)) :)) no i'm just Joking ... :p
but you can use my files too (just above) ;)

Reply
avatar
March 22, 2009 6:42 AM delete

Dude,
I am thankful to all the readers of this blog, it's because of you guys that this blog is running !

cheers for everybody :)

Reply
avatar
March 24, 2009 12:54 PM delete

@Sai - ohk .. whatever you feel like :) . I have removed those files from my server. Once again, thanks for the help!

Reply
avatar
TT
March 30, 2009 8:18 AM delete

I have another question. Is it possible to add some sort of a scroll function in these menu's???
Because the menu is now very long and it doesn't show the links on the bottom of the menu anymore.

See http://pcgladiator.blogspot.com/
And then click factories. and then you see that list is already at the bottom of how far it can go. Because if i add a link hereit will be no longer visible.

If you now how to add a scroll function please answer.

Reply
avatar
March 30, 2009 9:30 AM delete

Well actually TT,
I don't think there's any way to put a scroll function to this widget...

You may use the second and third level menus too, if you think placing all links vertically is taking much of the space !
Simply think some sub-categories under you main category-factories. Hope this helps a little

Regards
Sai

Reply
avatar
TT
March 30, 2009 4:45 PM delete

Oke thnx! I will try adding some sub categories.

Reply
avatar
March 31, 2009 3:48 AM delete

hey dude i think sigmirror site is ok, i got 2 sites but its working good..

http://www.sigmirror.com

Reply
avatar
March 31, 2009 9:04 AM delete

@ BRUNEI BLOG

Yup even I have hosted all my files on sigmirror, I guess it may outshine others in the near future !

Reply
avatar
Marco
June 16, 2009 11:23 AM delete

Everything you share is fine. But , tell me please, how did you do the menu on the right side, that one with three tabs SUBSCRIBE TAG CLOUD and TRASLATE THIS BLOG? Thanks

Reply
avatar
June 16, 2009 11:26 AM delete

http://bloggerstop.net/2009/03/advanced-collapsable-multi-tabbed.html

Reply
avatar
Marco
June 16, 2009 3:15 PM delete

I got it, thank you!

Reply
avatar
July 04, 2009 12:31 PM delete

Hi thanks a lot for this cute script! great job! :X

Reply
avatar
July 04, 2009 1:05 PM delete

Welcome dude...great pictures on your blog ;)

Reply
avatar
July 11, 2009 5:51 AM delete This comment has been removed by a blog administrator.
avatar
July 26, 2009 1:14 AM delete

Menu is working great! Is there any way to change the colors and font sizes?

Reply
avatar
July 26, 2009 3:29 AM delete

@ Doug Davidson,

Yes it is certainly possible to change the colors, you have to edit the .css file (DDM1_style.css).

Presently 2 images are used in the file to give the colors. You can simply those links with html hex-color codes.

This is what all you have to edit:

1. Changes submenu colors:
ul.menunew ul li a {display:block; padding:3px 7px 5px; background-color: #d1d1d1}

2. Changes Main-Menu color, you may remove the default image-link in it:

ul.menunew .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(http://3.bp.blogspot.com/_4fVBL4fjrFI/SbezNy2ao1I/AAAAAAAACuU/JqDnhT2GDe4/s1600/header.gif); width:134px}

3. Changes on-hover color of Main-Menu:

ul.menunew .menulink:hover, ul.menunew .menuhover {url(background:url(http://2.bp.blogspot.com/_4fVBL4fjrFI/SbezPOVoJ2I/AAAAAAAACuc/mplUEobDZlw/s1600/header_over.gif)}

4. Changes on-hover color of Sub-Menu:

ul.menunew .sub {background: #d1d1d1 url(http://1.bp.blogspot.com/_4fVBL4fjrFI/SbezNihl_uI/AAAAAAAACuM/cFp8PsqbyhQ/s1600/arrow.gif) 136px 8px no-repeat}

After making the changes, save the file and upload it. That's it.

Reply
avatar
September 30, 2009 9:24 PM delete

ok so I've done everything as stated on the post but cannot get it to work =(
ANY help would be greatly appriciated!!!!
the blog http://testopiumfields.blogspot.com/
(uploaded files on boxstr, but also tried with hotlinkfiles to no avail)

Reply
avatar
September 30, 2009 11:36 PM delete

@Khaos

Your widget is working (if checked before the page loads completely) (just hover the mouse on that widget even before the header image loads).
That means some other widget/script (which loads later in your blog - may be those in the footer) in your template is not allowing this to work.

You may either change/remove the script causing the problem, or you can try this menu:
http://bloggerstop.net/2009/01/multi-level-drop-down-menu-in.html
(you can change the color from black to anything by changing the .css file)

Reply
avatar
October 01, 2009 12:24 AM delete

got it working, dunno what was the problem, but thanks for the quick reply!

Reply
avatar
November 01, 2009 5:18 AM delete This comment has been removed by the author.
avatar
November 01, 2009 6:33 AM delete

Divya Please help me , i want to change the name and remove the sub link of drop down 1 , it will change but it is already text , no box , no animation , nothing , a plain text is shown , please guide me ,

Thank You So Much

Reply
avatar
November 01, 2009 11:15 AM delete

Changing color in this widget is difficult as images are being used. So you to create new colored images and link them in the .css file.

Better options:
Use this method:
http://bloggerstop.net/2009/01/multi-level-drop-down-menu-in.html
And edit the .css file to change the default color blackish/gray to some other color.

Even better option:
http://bloggerstop.net/2009/03/simple-drop-down-menu-using-jquery.html

No uploading of files, simply edit the code and paste it in your template.

Reply
avatar
November 09, 2009 9:14 PM delete

Hi is there anyway that you could give me the html with no sub menus?

Reply
avatar
January 04, 2010 7:34 AM delete

Thanks for the code.

But I like to change the menu colors.......
What to do??

Reply
avatar
January 04, 2010 8:06 AM delete

You can certainly change the colors, but its not directly changing colors in this widget.
In the css files (first red link), find and change the two images, it will change the color.

If you want to do it easily, then try this one:
http://bloggerstop.net/2009/01/multi-level-drop-down-menu-in.html
In this one too, you have to edit the css file, but this one's more easier because no images are used in this, just change the HTML hex-color codes.

Or even easier is this one, if you want it to be as easy as 1-2-3:
http://bloggerstop.net/2009/03/simple-drop-down-menu-using-jquery.html (but sometimes I feel that it lacks that pro-look).

Reply
avatar
PKW
January 09, 2010 11:03 PM delete

Thank you so much for sharing this widget, it works very well. Now my blog looks much better. http://pakuankriyawaruga.blogspot.com
Thanks again

Reply
avatar
January 10, 2010 12:42 AM delete

That's looking great buddy !

Reply
avatar
February 08, 2010 6:35 AM delete

Hi Divya, thats a very great widget you have there, it makes my football shirts blog looks much more professional rather than "blog" looking. http://footballshirtsgalore.com

However, is there any way to make the widget appear in the centre? currently it looks fine on my 13 inch macbook, but when i view it on a bigger screen, the whole widget starts on the left, leaving the right hand side rather empty. i tried using the text align centre code but that only centralize the words in the boxes.

thanks!

Reply
avatar
February 08, 2010 6:44 AM delete

Hey there,

I have checked your website at 1280x1024 resolution, here's the screenshot:
http://i47.tinypic.com/nmxhd2.png
It is looking perfect.
Anyways, you can yourself check your website at different resolutions and in different browsers

Reply
avatar
February 08, 2010 8:22 AM delete

Hi,

thanks for the reply. yea it looks good in 1280 X 1024 resolution, but when i view it in 1920 X1200 from my monitor, it is a bit to the left. oh well, i guess i just have to live with it :P

thanks for the widget again!

Reply
avatar
February 08, 2010 8:45 AM delete

I think optimising sites for 1024 and 1280 is more than enough. Resolutions more than 1600 width is quite rare. Anyways if you still want to align it in the center, then instead of text-align use float:center; for the entire widget, i.e. for
.menunew {
..
..
..
}

Reply
avatar
February 08, 2010 1:46 PM delete

I am trying to center my drop down nav bar, but am having issues. Could you elaborate on the procedure to center it? I only know how to do text center not this float:center that you are referring

Reply
avatar
February 08, 2010 1:58 PM delete

@Living the dream (jeremy)

In your case, I don't think any code-editing is required. Instead of placing that HTML/JavaScript widget just BELOW the "header", place (drag) it just ABOVE the "Blog Posts" widget.
Hope that hep !

Reply
avatar
February 08, 2010 2:15 PM delete

Hmm, moving it down above the blog posts widget physically moves the buttons down too. I would like to include the buttons in the header if at all possible.

Reply
avatar
February 08, 2010 11:28 PM delete

Looking at it more it appears that I need to edit the CSS code to get it to work properly. I have everything setup the way I'd like. I'd just like to center it the on my blog for all resolutions. Do you know which formats I should change?

Reply
avatar
February 09, 2010 10:24 AM delete

@Living the dream,

To keep things simple, just place the code of STEP #2 inside a table, that has been already centered, like this:

<center><table border="0"><tr>
<td>
...
CODE FROM STEP #2
...
</td>
</tr></table></center>

Reply
avatar
February 09, 2010 1:17 PM delete

Thanks! I spoke with a graphic designer friend of mine and he gave me another way of doing it. I went into the < head > code for my blog and added #menu {width:925px;} and it centered it for my blog as well.

Reply
avatar
Tina
April 24, 2010 2:12 PM delete

Hi, I figured everything out except centering the text inside the box. Will you please tell me how I might do that? Thanks

Reply
avatar
May 05, 2010 1:01 PM delete This comment has been removed by the author.
avatar
June 17, 2010 7:06 PM delete

I am confused. I can not seem to get the code to work. I am new to coding, so please explain what I am doing wrong in simple terms. Also, I used to be able to click on my title in my blog and it would take me to my blog's homepage, but it no longer does that since I tried inserting this code. Thank you for providing this code and any help that you can give.

http://creatingnirvanatoday.blogspot.com/

Reply
avatar
June 18, 2010 12:58 PM delete

Hello there,
This code will not interfere with your title-link.
You might have tried clicking the title from the home-page where it is inactive by default. Go to any of your posts/articles and click on the blog-title and you'll find the link active.
If you facing difficulties in implementing this widget, then try the esier one first (I use it on BloggerStop too):
A Simple Drop-Down Menu Using Jquery

Reply
avatar
Anonymous
June 26, 2010 5:06 AM delete

love you...bye...

Reply
avatar
July 27, 2010 3:40 PM delete

Hi Divya,

I already did all the instructions. The main menu can appear but the submenu won't. What happens? is there any way to fix the problem.
Please help me...~x(
I'm a new blogger, so i'm still designing my blog. Here is my blog : blogtipsandsoftwaredownload.blogspot.com.

Thanks in advance for your help.

Reply
avatar
July 28, 2010 10:15 AM delete

Can't see the widget on your blog...?

Reply
avatar
July 29, 2010 2:55 AM delete

I'm sorry bro..

I remove the widget.. Now, I install the widget again and you can see what's wrong with it..

Thanks~x(

Reply
avatar
July 29, 2010 8:20 AM delete

Hi,
I've tried many multilevel navigation bar from many sites.. But none of their submenu can appear. what's wrong with my template.. FYI, I'm using new template from blogspot. This thing makes me frustrated and I don't know where to find answer to this anymore. I spend days just to make a navigation bar..:((

I hope you can help me bro..

Thanks

Reply
avatar
July 29, 2010 10:41 AM delete

In step #1, edit the code like this:

<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/style.css" type="text/css" />
<style type="text/css">
ul.menunew {
z-index: +1;
}
</style>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/script.js"></script>

but i think there;s siome code conflict too in your template, due to which the sub-menus are out of their place.

Reply
avatar
Blog Tips and Software Download
July 29, 2010 1:42 PM delete

Still can't fix the problem.. But, still, thanks for helping me.. Maybe I should change my template with another. I haven't post anything yet, so why should we do the hard way when we can do the easy way, right ?. Do you know where i can download template that is guaranteed to not having code conflict.

The "what they say" part below. They are right. Other sites don't answer when i send a question, but you answer it.

Thanks
:)

Reply
avatar
July 29, 2010 1:59 PM delete

Thanks for that comment Buddy...

Yeah that's true, if you are ready to change the template itself, then of course it's the easier solution in this case.
As you have just started to blog, then I would suggest you to download around 3-5 different templates (believe me you will find & download many more templates than that from the sites below, matching your interest).

Then make a new temporary blog, for each of those templates. Then apply all the basic widgets/hacks to those templates and finally select the best template out of those for your new blog.

You can download free temaplates from these sites:
http://bloggerstyles.com
http://deluxetemplates.com
http://btemplates.com

Reply
avatar
July 29, 2010 2:32 PM delete

You're welcome bro... I'll download the templates then apply the widgets from your site.. Thanks for the advice.

Reply
avatar
July 29, 2010 2:43 PM delete

Sorry the second one is actually http://deluxetemplates.net

Reply
avatar
October 31, 2010 11:31 PM delete

how to change the button size?

Reply
avatar
November 01, 2010 2:00 AM delete

Hi guys,

I am new to HTML...and i tried the script and it works..

But now I would love to center the menu bar to the center of the page..how do I do it...

what code should I add ? And where do I add to ?

To the add "HTML" gadget or the Body ??/

Please help..thanks

Reply
avatar
January 27, 2011 3:21 AM delete

There's something wrong with this code, or is it because my blog's skin :|?
Screenshot of this error: http://www.mediafire.com/?43n4r59b9dkii99
I'm using Picture Window Template, it's in Blogger's Template design directory (http://draft.blogger.com/template-editor.g?blogID=2734826436373972391), everything is default ' '~

Reply
avatar
July 26, 2011 10:58 AM delete

Thanks, this dropdown menu has replaced my old menu. It appears above other elements. Anyway, I've had another problem. The menu colors are not the same and the arrow does not appear. Which codes are wrong?
My blog : http://lokalin.blogspot.com/

Reply
avatar
March 27, 2012 8:27 PM delete

This is not working, please take a look at my blog http://http://2012work.blogspot.com/ and see if you could help me solve the problem please. :(

Reply
avatar
April 19, 2012 8:51 AM delete

Where i have to put the link???
please answer me!!!!

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon