Before In My Blog I have Posted 2 or More Multilevel and Simple Drop Down Menu..So today I am Here with One More Multilevel Drop Down Menu.. Its With Fading and Easing Effect..
By Looking at this above Preview you may also want to take a look at live demo also.. Yeah!! You can take a look at live demo also below :)
So you can also now add it to your blog..
By Looking at this above Preview you may also want to take a look at live demo also.. Yeah!! You can take a look at live demo also below :)
So you can also now add it to your blog..
How to Add To your Blog/Site..
- Login to your "Blogger Account" and Go to your Blog "Dashboard"...
- Now Go to "Layout Section" from your "Dashboard"...
- Now Click On "Add Gadget" and Select "HTML/Java Script"...
- Now Copy and Paste the Below Given Set of Codes in it...
<link rel="stylesheet" href="https://googledrive.com/host/0B_7JWdEqBhVVR3JEa0d1c3BtSFE"/>
<nav id="nav">
<nav id='nav'> <ul class='menunav' id='navinti'> <li class='mhome'><a href='/'>Home</a></li> <li class='sub'><a href='/'>Categories</a> <ul class='sub-menu hidden'> <li class='multsub'><a href='/search/label/Windows'>Windows</a>
<ul class='sub-sub-menu hidden'>
<li><a href='/search/label/Windows XP'>Windows XP</a></li>
<li><a href='/search/label/Windows 7'>Windows 7</a></li>
<li><a href='/search/label/Windows 8'>Windows 8</a></li>
<li><a href='/search/label/Windows News'>Windows News</a></li>
</ul> </li>
<li class='multsub'><a href='/search/label/Softwares'>Softwares</a>
<ul class='sub-sub-menu hidden'>
<li><a href='/search/label/System'>System</a></li>
<li><a href='/search/label/Multimedia'>Multimedia</a></li>
<li><a href='/search/label/Customization'>Customization</a></li>
<li><a href='/search/label/Designing'>Designing</a></li>
</ul> </li>
<li class='multsub'><a href='/search/label/Blogger'>Blogger</a> <ul class='sub-sub-menu hidden'>
<li><a href='/search/label/Blogger Widgets'>Blogger Widgets</a></li>
<li><a href='/search/label/Blogger Templates'>Blogger Templates</a></li>
<li><a href='/search/label/Blogger Tweaks'>Blogger Tweaks</a></li>
<li><a href='/search/label/Blogger Tools'>Blogger Tools</a></li>
<li><a href='/search/label/Drop Down Menu'>Drop Down Menu</a></li>
<li><a href='/search/label/Social Profile Widget'>Social Profile Widgets</a></li> </ul> </li>
<li><a href='#'>More...</a></li> </ul> </li> <li><a href='http://mjntechtips.blogspot.com/p/blog-page_28.html'>Contact Us</a></li> <li class='singsub'><a href='/'>Tools</a> <ul class='sub-menu hidden'> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_15.html'>HTML Editor</a></li> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_20.html'>Color Code Generator </a></li> </ul>
</li>
</ul></nav>
<nav id="nav">
<nav id='nav'> <ul class='menunav' id='navinti'> <li class='mhome'><a href='/'>Home</a></li> <li class='sub'><a href='/'>Categories</a> <ul class='sub-menu hidden'> <li class='multsub'><a href='/search/label/Windows'>Windows</a>
<ul class='sub-sub-menu hidden'>
<li><a href='/search/label/Windows XP'>Windows XP</a></li>
<li><a href='/search/label/Windows 7'>Windows 7</a></li>
<li><a href='/search/label/Windows 8'>Windows 8</a></li>
<li><a href='/search/label/Windows News'>Windows News</a></li>
</ul> </li>
<li class='multsub'><a href='/search/label/Softwares'>Softwares</a>
<ul class='sub-sub-menu hidden'>
<li><a href='/search/label/System'>System</a></li>
<li><a href='/search/label/Multimedia'>Multimedia</a></li>
<li><a href='/search/label/Customization'>Customization</a></li>
<li><a href='/search/label/Designing'>Designing</a></li>
</ul> </li>
<li class='multsub'><a href='/search/label/Blogger'>Blogger</a> <ul class='sub-sub-menu hidden'>
<li><a href='/search/label/Blogger Widgets'>Blogger Widgets</a></li>
<li><a href='/search/label/Blogger Templates'>Blogger Templates</a></li>
<li><a href='/search/label/Blogger Tweaks'>Blogger Tweaks</a></li>
<li><a href='/search/label/Blogger Tools'>Blogger Tools</a></li>
<li><a href='/search/label/Drop Down Menu'>Drop Down Menu</a></li>
<li><a href='/search/label/Social Profile Widget'>Social Profile Widgets</a></li> </ul> </li>
<li><a href='#'>More...</a></li> </ul> </li> <li><a href='http://mjntechtips.blogspot.com/p/blog-page_28.html'>Contact Us</a></li> <li class='singsub'><a href='/'>Tools</a> <ul class='sub-menu hidden'> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_15.html'>HTML Editor</a></li> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_20.html'>Color Code Generator </a></li> </ul>
</li>
</ul></nav>
- Add The Title As you wish and Click Save!!!!!!!!
Customization:
Now Replace Links Text Highlighted in Color RED with your Link and PINK With your Category Name..
Useful Note:
- You can Also Edit this Widget like Width,Colour etc using HTML Editor of our Blog : HTML Editor..
- You can Use Hexadecimal Color Code Generator of our Blog to Replace Colors : HexaDecimal Color Code Generator..
Important Note:
- You Can Comment If any Problem Persist.. or Need Help With This Widget..
- Any Query or Help Related to this or any other related to Blogger Feel Free to Contact Us..
Within 24 to 48 hours we will get your back the answer for your Question.. .
I hope you all liked and Enjoyed the post..
Join our Facebook Fan Page .:MJN Tech:.
and
Subscribe for More Latest Updates..
With Regard's
How to Blogspot in Center Blog Name.......... ?????
ReplyDelete@Hardik Patel sorry to say but I am not getting what your saying.. :(
ReplyDeleteBetter mail me about what you need help at
mjntechtips@gmail.com
So that I can help you as much as I can.. :)
How to add in HTML
ReplyDeletehttp://newbloggerwidget.blogspot.com
HTML Editor?
DeleteHI, Its a very cool looking menu. I tried to add it to my blogger but its not working properly. Please guide me so that i should use it properly. Thanks . here is link of my demo blog. https://testingpageblogbb.blogspot.com
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteHi
ReplyDeleteThanks for this wonderful multi level menu. Applying to my blog template was easy. The issue I face is - the multi level categories are hidden..the top categories are visible but the sub categories get lost behind my post page! I am a beginner at blogging ..so will much appreciate your help in this regards!
Can you link your blog here so that i can chk it..
DeleteThanks for the prompt reply. This was like a chicken on my head..tried various other templates thereafter and found one that suits my requirement! So far not yet made it available to the public domain. Will positively do so once the view is made public!
DeleteThanks once again!
Hi
ReplyDeleteThis is rslaks77
I have tried to build my blog..but I am not sure as to the following:
a. Its security
b. how to incorporate the social media buttons - facebook and twitter - on the RHS of my blog...in the same line as Home, About, Contact..
c. The facebook like in face pile format doesnot appear under the Like us on facebook..on the RHS
d. There is some issue under the RHS LAtest Posts as the first posts image never gets displayed.
e. I am unable to get the facebook share button under each of my posts, been able to get the twitter!
My blog which is in my mother's name is https://www.meena'stastemantra.blogspot.in ,,i had said would write in once I made its visibility public
Will much appreciate if you can give me some pointers in this behalf!
Awaiting your feedback and guidance at the earliest.
Thanks and regards