Tagged: customization, menu
-
AuthorPosts
-
08/11/2015 at 6:38 am #18237TemplatesyardParticipant
Actually, i have download one of your Template ie. MC3 Revoltify Alternate 2, for my personal blog. In this template, options tab and drop down bars are already being shows, but among all few are not relevant for my blog. And Problem is i am not able to edit and delete inside the given options. And not able to change color also. Yours active response is highly soliciated.
my blog name is: ankurtah.blogspot.in08/11/2015 at 8:33 am #18238GooyaabiKeymasterGo to blogger dashboard >> Template >> Edit HTML and find the coding. Here is the coding for drop down menu item.
<ul class='menu'> <li><a class='homer' href='/'>Home</a></li> <li><a class='ai' href=''>Features</a> <ul> <li><a href=''>Contact</a></li> <li><a href=''>Sitemap</a></li> </ul> </li> <li><a href=''>Blog</a></li> <li><a href=''>Sitemap</a></li> <li><a class='ai' href=''>Categories</a> <ul> <li><a class='ai2' href=''>CSS</a> <ul> <li><a href=''>Item 11</a></li> <li><a href=''>Item 12</a></li> <li><a href=''>Item 13</a></li> <li><a href=''>Item 14</a></li> </ul> </li> <li><a class='ai2' href=''>Graphic design</a> <ul> <li><a href=''>Item 21</a></li> <li><a href=''>Item 22</a></li> <li><a href=''>Item 23</a></li> <li><a href=''>Item 24</a></li> </ul> </li> <li><a class='ai2' href=''>Development</a> <ul> <li><a href=''>Item 31</a></li> <li><a href=''>Item 32</a></li> <li><a href=''>Item 33</a></li> <li><a href=''>Item 34</a></li> </ul> </li> <li><a class='ai2' href=''>Web design</a> <ul> <li><a href=''>Item 41</a></li> <li><a href=''>Item 42</a></li> <li><a href=''>Item 43</a></li> <li><a href=''>Item 44</a></li> </ul> </li> </ul> </li> <li><a class='ai' href=''>Work</a> <ul> <li><a class='ai2' href=''>Music</a> <ul> <li><a class='ai3' href=''>Recording</a> <ul> <li><a href=''>Recording 1</a></li> <li><a href=''>Recording 2</a></li> <li><a href=''>Recording 3</a></li> </ul> </li> <li><a class='ai3' href=''>Equipment</a> <ul> <li><a href=''>Equipment 1</a></li> <li><a href=''>Equipment 2</a></li> <li><a href=''>Equipment 3</a></li> </ul> </li> <li><a class='ai3' href=''>Distribution</a> <ul> <li><a href=''>Distribution 1</a></li> <li><a href=''>Distribution 2</a></li> <li><a href=''>Distribution 3</a></li> </ul> </li> </ul> </li> <li><a class='ai2' href=''>Video</a> <ul> <li><a class='ai3' href=''>Alpha</a> <ul> <li><a href=''>Alpha 1</a></li> <li><a href=''>Alpha 2</a></li> <li><a href=''>Alpha 3</a></li> </ul> </li> <li><a class='ai3' href=''>Omega</a> <ul> <li><a href=''>Omega 1</a></li> <li><a href=''>Omega 2</a></li> <li><a href=''>Omega 3</a></li> </ul> </li> <li><a class='ai3' href=''>Zulu</a> <ul> <li><a href=''>Zulu 1</a></li> <li><a href=''>Zulu 2</a></li> <li><a href=''>Zulu 3</a></li> </ul> </li> </ul> </li> <li><a class='ai2' href=''>Image</a> <ul> <li> <a class='ai3' href=''>Work 1</a> <ul> <li><a href=''>Work 1</a></li> <li><a href=''>Work 2</a></li> <li><a href=''>Work 3</a></li> </ul> </li> <li><a class='ai3' href=''>Work 2</a> <ul> <li><a href=''>Work 1</a></li> <li><a href=''>Work 2</a></li> <li><a href=''>Work 3</a></li> </ul> </li> <li><a class='ai3' href=''>Work 3</a> <ul> <li><a href=''>Work 1</a></li> <li><a href=''>Work 2</a></li> <li><a href=''>Work 3</a></li> </ul> </li> </ul> </li> </ul> </li> <li><a href=''>404</a></li> </ul>
Here is the tips for customize above items.
1, To Rename item
If you want rename the word Features to blogger just go to the coding
<li><a class='ai' href=''>Features</a>
and change it to<li><a class='ai' href=''>blogger</a>
2, Add custom URL for item
If you want use your custom URL for item just add it between apostrophe (“”).
Example:<li><a class='ai' href='https://gooyaabitemplates.com/'>Features</a>
3, Removing unwanted item
Remove coding beginning from
<li>
to</li>
example:<li><a href=''>404</a></li>
Don’t forget to Save all changes finally.
-
AuthorPosts
- You must be logged in to reply to this topic.