Click here to get to the step by step guide.
When I started designing / developing one of my Tumblr blogs, the very first thing that I wanted to do is to add a drop down menu that would list the pages on my projects, services, etc.
In this post, I’m going to show you how easy it is to add a drop down menu on Tumblr blog. Let’s get started!
How To Add A Drop Down Menu On Tumblr
2) Downloading the source code
3) Copying the code to your customization section
Copy the CSS code from styles.css and paste it to your “Custom CSS” section in your Tumblr blog, and copy the HTML code from index.html (only copy <div id=’cssmenu’> section!) and paste it to your “Edit HTML” section, just after the title and description of your blog (this should be in the beginning of <body> tag). You need to change the name of pages and the references to them (Hint: <li class=’active’> is for drop down menu). Following is an example of how your code should look like:
<li class='active'><a href='http://example.com/articles'>Articles</a>
<li><a href='http://example.com/ask'>Ask me anything</a></li>
Do you use a different way to add a drop down menu on Tumblr blog? Tell me in the comments section below!