Create a Dropdown Menu on Blogger Instead of a Simple Menu
Anonymous user
-
dugenou Posted messages 6262 Status Contributor -
dugenou Posted messages 6262 Status Contributor -
Hello!
Being a beginner with Blogger and a novice when it comes to HTML, I wanted to know how to proceed to complete a simple menu (like the one found on my blog template: http://natscale.blogspot.com) by transforming it into a dropdown menu.
This menu currently includes 5 categories: animals, plants, humans, cosmos, microorganisms... my idea would be to include subcategories such as (for animals, for example): birds; amphibians; mammals; etc. and so on. How can I do this?
Since I am not at all familiar with the operation and structuring of a blog, I thought that each of these subcategories could link to a "page" allowing for further navigation into subcategories via links (the "mammal" page displaying a more detailed list: marsupials, etc.). Ideally, these pages should not appear in the blog feed but be part of the blog's "static" component.
How can I do this?
Your advice would be greatly appreciated as after several attempts at research and not knowing how to save/undo HTML modifications, I prefer not to dive in without a safety net. I noticed that in the Blogger "dashboard" there is a "THEME" menu where "edit HTML code" appears, but you can also modify the code by going to each block in "LAYOUT". It's all quite unclear...
Thank you in advance for your help and clarifications!
Being a beginner with Blogger and a novice when it comes to HTML, I wanted to know how to proceed to complete a simple menu (like the one found on my blog template: http://natscale.blogspot.com) by transforming it into a dropdown menu.
This menu currently includes 5 categories: animals, plants, humans, cosmos, microorganisms... my idea would be to include subcategories such as (for animals, for example): birds; amphibians; mammals; etc. and so on. How can I do this?
Since I am not at all familiar with the operation and structuring of a blog, I thought that each of these subcategories could link to a "page" allowing for further navigation into subcategories via links (the "mammal" page displaying a more detailed list: marsupials, etc.). Ideally, these pages should not appear in the blog feed but be part of the blog's "static" component.
How can I do this?
Your advice would be greatly appreciated as after several attempts at research and not knowing how to save/undo HTML modifications, I prefer not to dive in without a safety net. I noticed that in the Blogger "dashboard" there is a "THEME" menu where "edit HTML code" appears, but you can also modify the code by going to each block in "LAYOUT". It's all quite unclear...
Thank you in advance for your help and clarifications!
1 answer
-
Hello,
Blogger has the particular feature of allowing you to add CSS to the theme. You need to go to the blog administration, click on "Theme," then "Customize," "Advanced," and "Add CSS file."
This is where you can add the CSS for your dropdown menu.
Next, you need to design or find the CSS code.
You will also need to modify the HTML code of the page's "template." You should go to the blog administration, click on "Theme," and "Edit HTML." This is where you can modify the HTML code.
I recommend the site alsacreations.com to find out how to do it.