.: JKL

Homepage About Contact Sitemap Archives Privacy Policy December 19, 2016 08:18:53 AM Twitter Facebook Google+ Rss Linkedin Dribbble Pinterest Helper Blogger Blogger Widgets, Tricks, Tips & Tutorials HOME FORUM WIDGETS BLOGGER TUTORIALS TEMPLATES USEFUL TOOLS Text to search... Search Latest11:25 PM Set of 15+ Custom Facebook Likeboxes Home » Blogger Tutorials » Jquery Plugins » Add Vertical Drop Down Menu To Blogger Add Vertical Drop Down Menu To Blogger A+A- PrintEmail Find... × One of my loyal reader asked me for a vertical drop down menu so that by keeping my word today I am sharing a vertical drop down with using the script of ddsmoothmenu.This menu is highly customizable so that you can easily customize this menu and create your own style which suits to your blog,to customize it use our HTML Editor where you can see live preview of your menu when you applied the changes,also the HTML structure of this menu is damn easy and simple,no need to add any class of id you can add your links with using normal ul and li tags. See Demo With HTML Editor Note - Paste all below code in HTML Editor and hit preview button,if you want to customize this menu then change the CSS values and again hit the Preview button.Now lets see hot to add it to blogger blogger blog. How To Add Vertical Drop Down Menu To Blogger Go to Blogger Dashboard > Layout Click Add a Gadget Select HTML/JavaScript Paste below code in it,

To change the width simply edit the value width: 250px; If you have already added a jQuery plugin to your blog then remove the code highlighted in faint green color. Replace # with your own links Replace Sub Item 1,Sub Item 2..... and on with the text which you want to appear on the menu. For further customizations kindly use our HTML Editor so that you can see a live preview of your changes. I hope you have liked this vertical menu.If you cant customize it as you wish then kindly leave back a comment with your details,also if you can't add this menu perfectly to your blog then leave a comment with your Blog URL. 15 Jun 2012 Posted by Rahul Ippar Labels: Blogger Tutorials, Jquery Plugins Share to: Share Rahul Ippar Facebook Twitter Google+ Pinterest Next Top 10 Blogger Widgets Of 2012 Previous How To Add Syntax Highlighter (V3) To Blogger? RELATED POSTS WordPress Style Facebook Popup For Blogger WordPress Style Facebook Popup For Blogger 30 Dec 2014 Add Snow Falling Effect To Your Blog [Christmas Special] Add Snow Falling Effect To Your Blog [Christmas Special] 18 Dec 2014 Tabbed Social Widget For Blogger Tabbed Social Widget For Blogger 11 Dec 2014 Fancy CSS3 & jQuery Lavalamp Menu For Blogger Fancy CSS3 & jQuery Lavalamp Menu For Blogger 07 Aug 2012 Customized Nivo Slider For Blogger Customized Nivo Slider For Blogger 04 Aug 2012 How To Add jQuery Tooltip To Blogger How To Add jQuery Tooltip To Blogger 15 Jul 2012 How To Find Numeric ID Of Your Google+ Profile How To Find Numeric ID Of Your Google+ Profile 07 Jan 2015 Breadcrumbs Navigation Widget For Blogger Breadcrumbs Navigation Widget For Blogger 06 Aug 2012 123 Previous Next POST A COMMENT Rahim ul haq26 July 2012 at 18:58 very nice ..............brother Reply Anant Jain26 August 2012 at 17:20 how to change the colout Reply iksan arisandi6 February 2014 at 12:36 thank you ... i'll try that Reply AparnaRajeshkumar10 December 2014 at 09:15 I want to change the green color in the box, let me know where i can change it Reply Replies AparnaRajeshkumar10 December 2014 at 10:34 I tried and changed the color, :) the code is working fine in the html editor, but i upload the code in layout->addhtmlscript, its not working properly . am i missing something ? Rahul Ippar11 December 2014 at 15:16 Hi, You have to edit background-image: property from the CSS, if you want to add any hex color as a background then the CSS code should be like this background: #cccccc; and if you want any image as a background then background-image: url(IMAGE URL GOES HERE); Reply Nguyễn Tô Quốc Thái11 February 2015 at 14:41 Please tell me a way to remove shadow of submenus? Reply Ralph Gilmour2 April 2015 at 15:17 Hi Rahul, thanks for this menu I installed it with no problems but I want to know if it is possible that some boxes can go below and not just right. For example in my test blog - http://rg20103.blogspot.it/- VOCE 2.1 goes right VOCE 2 but I would like it go below it, can you ? Then I wanted to know how to eliminate side arrows. Thank you very much and sorry for the horrible English Reply AKULA RAJAIAH25 December 2015 at 16:01 Thanks bro..it is simple and easy way of adding menu Reply If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account).PLEASE DO NOT SPAM Emoticon Popular Posts Labels Blog Archive Add Snow Falling Effect To Your Blog [Christmas Special] Something About Me And Helper Blogger Set of 15+ Custom Facebook Likeboxes Add a Simple Image Gallery To Blogger With Easy Customization Options How To Find Numeric ID Of Your Google+ Profile Remove "Powered By Blogger" Attribution Gadget In Blogger 4 in 1 Social Subscribing Slide Out Widget For Bloggger BECOME A FAN GRAB OUR BUTTON

+ Create This POWERED BY FREEDOM EnglishChinese SimplifiedGreekHindiGermanDutchRussianBulgarianPolishCzechCroatianFrenchItalianPortugueseSpanishArabicJapaneseKoreanChinese (traditional)DanishFinnishNorwegianSwedishCatalanFilipinoHebrewIndonesianLatvianLithuanianSerbianSlovakSlovenianUkrainianVietnamese+grab this Follow Me On G+ Get Updates Directly In Inbox Email address... Submit Recent Posts Recently Commented Blogger Widgets Helper Blogger © 2013. All Rights Reserved.Powered by BloggerTop

.

JKL

No comments:

Post a Comment

Formulir Kontak