Hi everybody,
As an introduction to my new blog with templates and posts about Forumotion, Tumblr and Blogger I'll begin with a "tutorial" about How to add a drop down menu on a Blog, Forum etc.
I know that this is already written on different websites and there are also videos on YouTube and this is why I'll give you just the links that I found and a short information. Also, at the end of this post I'll tell you about the problems that you might have and how to solve them.
So lets start:
There are two sites where you can generate a drop down menu and are also very popular.
a) Drop Down Menu Generator
b) CSS Menu Maker [This is my favourite because of the large number of cute menus]
How to add them in:
1. BLOGGER
a) Drop Down Menu Generator
They have their own tutorial about how to add the menu:
http://dropdownmenugenerator.com/Blog.aspx?ID=20131122
Using the widget to create a menu like this is very easy. At the beginning the templates for the menu are not so amazing [is just my opinion] but then a page or two forward you can find quite cute menus.
b) CSS Menu Maker
Like at the point a), they also have a tutorial:
http://cssmenumaker.com/blog/tutorials/drop-down-menu-for-blogger
In my opinion this is the best way to add a drop down menu. It's more secure editing a template than creating a widget that possibly doesn't work. Unfortunately you must also know how to work with HTML, CSS and JavaScript if you want to edit your blog more.
The Problems that you'll probably have at:
a) Widget is not really working.
Solve: Than go to point b) and follow the instructions.
b) 1. You can't click the subitems.
Solve: Write in the CSS-part: z-index:1;
It will help you with clicking the sub-menu. The problem was because the sub-menu was behind the background.
2. Your menu is above the header.
Solve: Than paste the HTML-part after </header> .
2. TUMBLR
a) Drop Down Menu Generator
Read b). It's the same process.
b) CSS Menu Maker
http://cssmenumaker.com/blog/tumblr-menu-tutorial
This is a very good tutorial, explaining everything you need to know. You won't have problems if you do like it says. Always after the header!
3. FORUMOTION
It's like on Tumblr and Blogger point b). You need to edit a temaplate and add the CSS :)
http://www.csshelp.net/t225-tutorial-sexy-drop-down-menu-with-jquery-css-punbb-and-phpbb2
You can replace the codes with the ones that you got generating your drop down menu.
So this was a short informative tutorial about How to add a Drop Down Menu. I really hope that this was helpful. If you have questions or problems, please just let a comment and I'll respond as soon as I can.
0 comments:
Post a Comment