Multilevel DropDown Menu

 Multilevel DropDown Menu

http://www.helperblogger.com/2012/03/cool-css3-multi-level-drop-down-menu.html#more

http://www.mybloggertricks.com/2011/07/create-drop-down-menu-in-facebook-style.html

http://www.mybloggertricks.com/2011/07/create-drop-down-menu-in-facebook-style.html

http://www.mjntechweb.com/2013/07/special-multilevel-dropdown-menu-with.html

http://icanbuildablog.com/2015/08/how-to-add-a-drop-down-menu-to-a-blogger-blog-without-javascript/

CSS MultiLevel DropDown Menu Maker

 CSS MultiLevel DropDown Menu Maker

 http://www.easycssmenu.com/

http://purecssmenu.com/  (you have to register first)

http://www.emanuelblagonic.com/2006/10/11/create-your-own-drop-down-menu-with-nested-submenus-using-css-and-a-little-javascript/

http://www.dropdownmenugenerator.com/

http://www.dynamicdrive.com/

Creating Style CSS3 Navigation Dropdown Menu

 Creating Style CSS3 Navigation Dropdown Menu

Ενδιαφέροντα Navigation Dropdown Menu

https://www.script-tutorials.com/tag/menu/page/2/ 

Create a "Sticky" Floating Navigation Menu

How To Create a "Sticky" Floating Navigation Menu in Blogger

Are you tired of your laborious Navigation bar and would desire to refurbish it with something that could amuse your visitor? Navigation bar is deliberated as the core element of a website because it represents the complete outlook of a website. Navigation bar has most prominent information about that helps users to navigate throughout the website. As we all are well aware that Navigation bar appears at the top of a website, so users have to scroll back to top in order to navigate to different pages. Furthermore, probabilities are bit high that users might get frustrated and straightaway leave your website. For that reason, it is crucial to have a “Sticky” Navigation bar that floating along whenever someone Scroll up or down the page. In This Article, we will Learn How To Create a Floating “Sticky” Navigation bar in Blogger. 

"Sticky" Floating Navigation Menu (DEMO)

Animated Horizontal Sliding Navigation Menu With Images

Animated Horizontal Sliding Navigation Menu With Images Using jQuery For Blogger

UPDATE:  I updated some of my posts, this post I update 17+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes........

Horizontal Drop Down Menu With CSS & HTML

17+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes

 Add drop down menu in blogger you need is just a little bit of CSS and HTML code and put that code at the right place in your blog and done.Here is a list of 17+ Horizontal CSS Drop down menus.May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages,for it to post this time I tried to give a mild solution of horizontal CSS drop down menus.adding drop down menus in blogger can benefit your readers to find out the intended Posts of the blog with ease.so lets start now introducing the menus one bye one, whichever you like just copy code and paste the code.

 

 Note: You can paste both codes in a HTML/JavaScript as Gadget.To do this simply add the CSS code between <style>......</style> and thats it.

Sliding Side Bar Menu

Sliding Side Bar Menu Using Mootools

Show- hide, Smooth sliding and sexy. Menu bar with javascript and mootools. This post explains how to add Sexy Sliding JavaScript Side Bar Menu Using Mootools Widget on his blog that looks good on your blogspot blog.Be effective CSS vertical menu with show / hide uses MooTools to show / hide the menu with a vertical slide-in/slide-out nice effect.

About MooTools: "MooTools is a compact, modular, Object-Oriented JavaScript framework designed for intermediate to advanced JavaScript developer. It lets you write powerful, flexible, cross-browser code with its elegant API, well documented and consistent. ".
MooTools Home: Home Mootools.

Live Demo

Simple and Multicolor Menu

Add a Simple and a Multicolor Menu

  Εδω βάζουμε ένα απλό Μενού (για την Sidebar), και ένα όμορφο, πολύχρωμο Μενού σαν Menu Bar στο μπλόγκ μας.

 

Mega Drop Down Menu

Mega drop down menu is the best menu for the sites/blog which have a lot of navigation items or links,it helps your readers to find any category easily and navigate through your site and blog.Today I am a beautiful mega drop down menu which is designed by codrops and we have bloggerized it to works perfect with a blogger blog.The installtion of the menu is easy and one step installation so that you will not face any problem while adding it to your blog,now lets see how to add it to your blog.First take a preview of menu by clicking on the green button below,

Mega Drop Down Menu Demo

CSS3 Animated Lavalamp Menu

CSS3 Animated Lavalamp Menu for Blogger

You may have seen animated menus. Many animated menu uses Lavalamp (a Jquery Plugin) but today we are going to make a new menu which has animation like Lavalamp but without any Javascript.

The animation will take place with the help of CSS3 Transitions. The menu we will work on is black in color. On hover it becomes darker and a arrow appears above the menu text.

3D Flipping Horizontal Menu

ΠΩΣ ΒΑΖΩ 3D ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ

Αυτό είναι ένα τρισδιάστατο οριζόντιο μενού απλό χωρίς υπομενού και μπορείτε να το βάλετε στο ιστολόγιό σας απλά σαν gadget. Τα χρώματα αλλάζουν εκεί που υπάρχει το σύμβολο της δίεσης #. Μπορείτε να αλλάξετε τα μεγέθη των γραματοσειρών και τις αποστάσεις τα οποία έχω χρωματισμένα με γαλάζιο χρώμα. Αντικαταστήστε τα δικά μου πράσινα links και τις περιγραφές με τα πορτοκαλί γράμματα με τα δικά σας. Το πρώτο μέρος του κώδικα αν θέλετε μπορείτε να το βάλετε και μέσα στο πρότυπο πρίν την γραμμή </head>. Το μενού μπορείτε να το δείτε εδώ ακριβώς απο κάτω. ▼

• HOMEHOMEHOME
• MY POSTSMY POSTSMY POSTS
• MY ARTICLESMY ARTICLESMY ARTICLES
• MY LINKSMY LINKSMY LINKS
• MY PHOTOSMY PHOTOSMY PHOTOS
• MY VIDEOSMY VIDEOSMY VIDEOS
• MY MUSICMY MUSICMY MUSIC
• RADIO+TVRADIO+TVRADIO+TV
• NEWSNEWSNEWS
• RSSRSSRSS

Static Horizontal Menu

ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ

ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ.

Αυτό είναι ένα στατικό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget πάνω ακριβώς από τον τίτλο του blog σας στη θέση της navbar του blogger και είναι το ίδιο με το ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 4, αλλά με την διαφορά ότι είναι στατικό. Μπορείτε να αλλάξετε τα χρώματα αλλάζοντας τους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης #. Το πλάτος του μενού αλλάζει εκεί που γράφει width:100% Μην ξεχάσετε να αντικαταστήσετε links μου που είναι χρωματισμένα με πράσινα γράμματα με τα δικά σας links.

ΠΑΤΗΣΤΕ ΕΔΩ ΓΙΑ ΝΑ ΔΕΙΤΕ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΤΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 4

Mega menu Black

Mega menu for blogger απλα

Mega menu στο blogger.

Σημερα σας εχω ενα κωδικο για να μπορεσουμε να βαλετε ενα Mega menu στο blog σας πολυ γρηγορα. Ειναι πολυ χρησιμο γιατι σε μια μονο στηλη μπορουμε να βαλουμε πολλες ετικετες και δε χρειαζεται και ιδιαιτερα σε blog με παρα πολλες ετικετες ειναι πολυ εξυπηρετικο. 

μπορειτε να δειτε και ενα demo εδω

Menu Posts Vertical - ACCORDION MENU

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ

Το παρακάτω αυτόματο, κάθετο μενού ενημερώνεται αυτόματα κάθε φορά που κάνετε μια νέα ανάρτηση και βάζετε σε αυτήν μία γενική ετικέτα κατηγορίας. Έχει ένα script που διαβάζει όλες τις αναρτήσεις με συγκεκριμένη γενική ετικέτα κατηγορίας που εσείς θα επιλέξετε. Αλλάξτε το πλάτος του μενού αλλάζοντας τo width:240px; Αλλάξτε τη θέση που θα εμφανίζεται το υπομενου αλλάζοντας το position: absolute; left: 240px;top:-5px;

Αλλάξτε το πλάτος του υπομενού αλλάζοντας το width:480px; Αλλάξτε το πράσινο link του blog μου με το link του δικού σας blog και τέλος αλλάξτε και τις ετικέτες που έχω χρωματίσει με πορτοκαλί γράμματα. Το μενού μπαίνει απλά σαν ένα gadget και θα δείχνει έτσι όπως το βλέπετε παρακάτω.

• TEXT BOXES
• BACKGROUNDS
• IMAGE EFFECTS
• ΕΝΣΩΜΑΤΩΣΕΙΣ
• ΑΣΦΑΛΕΙΑ BLOG
• ΣΥΜΒΟΥΛΕΣ SEO
• ΣΧΟΛΙΑ BLOGGER
• ON LINE ΕΡΓΑΛΕΙΑ
• FACEBOOK WIDGETS
• ΜΟΡΦΟΠΟΙΗΣΗ BLOG
• ΑΛΛΑ WIDGETS ΓΙΑ BLOGS
• ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ
• ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ MENU
• ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES
• BUTTONS & POP UP WINDOWS
• GALLERIES SLIDERS SLIDESHOWS

Button Menu Bar

ΚΟΥΜΠΙΑ ΜΠΑΡΑ ΜΕΝΟΥ ΓΙΑ BLOG / MENU BAR

  Νέοι bloggers γεια σας !!!Εφτιαξα (ναι έφτιαξα με τα χεράκια μου) ένα πολύ λειτουργικό μενού που μπορείτε να το βάλετε κάτω από την ταμπέλα του blog σας, και να προβάλλετε οτιδήποτε...Η μπάρα αυτή αποτελείται από πλήκτρα (buttons) (βλέπετε ένα παράδειγμα στην αρχή της ανάρτησης !!! ΠΙΕΣΤΕ TO να δείτε πως λειτουργεί) που έχουν τίτλο και ονομασία, σε ότι χρώματα θέλετε, και ανοίγουν σε νέο παράθυρο ( pop up παράθυρο) ώστε ο επισκέπτης να μην φεύγει από το blog σας (πολύ σημαντικό)...

Summer Vertical Menu

Πλαϊνό καλοκαιρινό μενού

ένα πλαϊνό μενού, στατικό, όμορφο, και εύκολο…το τροποποίησα, και σας το δίνω για να το βάλετε, εάν το blog σας έχει περιεχόμενο σχετικά με καλοκαίρι, παραλίες, διακοπές, Τουριστικά μέρη!!! DEMO θα βρείτε στο demo blog μου.

Vertical Menu for Sidebar

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε ένα κάθετο menu, σε μια πλαϊνή στήλη (sidebar) στο blog μας...είναι (και αυτό) πολύ "ελαφρύ" και δεν αργεί το άνοιγμα του blog μας (λειτουργεί με css δεν είναι script ) !!! To έχω "πειράξει" λιγάκι στην εικόνα των κουμπιών (buttons), για να φαίνεται πιο όμορφο...

3D icon Menu

3D Icon Menu 

2. Mega Menu Bar

Mega Menu Bar