Dropdown menu in blogger theme

[creeds]

How to create dropdown menu for the buttons of this template: http://www.templatetrackers.com/p/demo.html?url=http://trackers-demo.blogspot.in/

 

[realdark]

How to Create a Drop Down Menu in Blogger

css and js

 

[Blinky]

http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/# - this might help you out.

 

[creeds]

Create a Drop Down Menu In Blogger

http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/# - this might help you out.

Is there any chances to be integrated into the resent buttons?
Where should I put this code?

 

[Blinky]

Download the file and upload it to your hosting and do not forget to remember the location in order to post it in the code. There are 2 codes here - one for the header.php and one for the CSS. Hope it will work for you. As I see it, there is no way to have any problems.

 

[creeds]

How to Add a Drop Down Menu Navigation in Blogger

Download the file and upload it to your hosting and do not forget to remember the location in order to post it in the code. There are 2 codes here - one for the header.php and one for the CSS. Hope it will work for you. As I see it, there is no way to have any problems.

I amusing blogger.

 

[Blinky]

Re: Dropdown menu на този темплейт

Оп, сори, не прочетох добре темата. По-скоро линка. Виж в горната част на кода, в хедъра.

 

[toniintro]

Try this: http://www.dropdownmenugenerator.com/Blog.aspx?ID=20131122. There is a full description how to do it properly. Or just look at the code below and make it happen. All you need to do is to change the given links there and put the code on the place where your buttons are.

<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='LINK TO PAGE 1’>NAME OF PAGE 1</a>
</li>
<li>
<a href='LINK TO PAGE 2’>NAME OF PAGE 2 </a>
<ul>
<li><a href=’LINK TO PAGE 2, SUB-PAGE 1 '>NAME OF PAGE 2, SUB-PAGE 1</a>
</li>
</ul>
</li>
<li>
<a href='LINK TO PAGE 3'>NAME OF PAGE 3</a>
<ul>
<li><a href='LINK TO PAGE 3, SUB-PAGE 1’>NAME OF PAGE 3, SUB-PAGE 1</a>
</li>
<li><a href='LINK TO PAGE 3, SUB-PAGE 2’>NAME OF PAGE 3, SUB-PAGE 2 </a>
</li>
<li><a href='LINK TO PAGE 3, SUB-PAGE 3’>NAME OF PAGE 3, SUB-PAGE 3 </a>
</li>
</ul>
</li>
</li></ul>
</div>


The sections in capitals need to be customised to your blog. For me, the start of the syntax looks like this:

<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='http://www.bitesizedthoughts.com/'>Home</a>
</li>
<li>
<a href='http://www.bitesizedthoughts.com/p/about-this-blog.html'>About this blog</a>
<ul>
<li><a href='http://www.bitesizedthoughts.com/p/disclosure-policy.html'>Disclosure policy</a>
</li>
</ul>

 

[Blinky]

Here is a short video, explaining how to add the code into your theme code and CSS:

[video=youtube;fkC7D0K4f6U]https://www.youtube.com/watch?v=fkC7D0K4f6U[/video]

How I think that you will succeed.