ROLL DOWN MENU

ΠΩΣ ΒΑΖΩ ROLL DOWN MENU

Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget στην αριστερή πλαϊνή πλευρική μπάρα. Μετά επίλέγουμε το gadgetHTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. Μπορείτε να αλλάξετε τις κατηγορίες των συνδέσμων αντικαθιστώντας τα πορτοκαλί γράμματα. Επίσης μπορείτε να αλλάξετε και τους συνδέσμους μέσα στις κατηγορίες με τα κίτρινα γράμματα, καθώς και την περιγραφή τους με τα πράσινα γράμματα.

Το πλάτος και το ύψος του μενού το ρυθμίζετε αλλάξοντας τα γαλάζια νούμερα. Το backround του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον έχρωμο κωδικό χρώματος μετά την λέξη BACKROUNDκαι το σύμβολο #. Το χρώμα κειμένου του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον κωδικό μετά τη λέξη colorκαι το σύμβολο #. Τους κωδικούς των χρωμάτων μπορείτε να τους βρείτε στο υποσέλιδοαυτού του ιστολογίου σε ένα ειδικό widget που υπάρχει τέρμα κάτω δεξιά.

 

<center>

<form><select onchange="window.open(this.options[this.selectedIndex].value,'blank')" size="1" style="width:240px; height:22px; BACKGROUND:#99EEFD"> name="menu"><option/>ΚΥΛΙΟΜΕΝΑ TEXT LINK IMAGES<!-- change the links with your own -->

<optionvalue="http://the-best-widgets.blogspot.gr/2013/12/blog-post.html"/>ΠΩΣ ΒΑΖΩ ΚΥΛΙΟΜΕΝΟ ΚΕΙΜΕΝΟ

<optionvalue="http://the-best-widgets.blogspot.gr/2014/05/blog-post.html"/>ΚΥΛΙΟΜΕΝΟ ΚΕΙΜΕΝΟ ΜΕ ΓΝΩΜΙΚΑ

<option value="http://the-best-widgets.blogspot.gr/2014/05/links.html"/>ΠΩΣ ΒΑΖΩ ΚΥΛΙΟΜΕΝΑ LINKS

<option value="http://the-best-widgets.blogspot.gr/2014/05/link.html"/>ΠΩΣ ΒΑΖΩ ΚΥΛΙΟΜΕΝΕΣ ΕΙΚΟΝΕΣ ΜΕ LINKS

</select></form>

<form><select onchange="window.open(this.options[this.selectedIndex].value,'blank')" size="1" style="width:240px; height:22px; BACKGROUND:#FDAD44"> name="menu"><option/>ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ<!-- change the links with your own -->

<optionvalue="http://the-best-widgets.blogspot.gr/2013/04/blog-post.html"/>ΠΩΣ ΒΑΖΩ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ

<option value="http://the-best-widgets.blogspot.gr/2013/07/roll-down.html"/>ΠΩΣ ΒΑΖΩ ROLL DOWN MENU

<optionvalue="http://the-best-widgets.blogspot.gr/2014/05/scrol-bar-blog-gadget.html"/>ΠΩΣ ΒΑΖΩ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ SCROL BAR

<optionvalue="http://the-best-widgets.blogspot.gr/2013/05/blog-post.html"/>ΠΩΣ ΒΑΖΩ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ

</select></form>

<form><select onchange="window.open(this.options[this.selectedIndex].value,'blank')" size="1" style="width:240px; height:22px; BACKGROUND:#0F4094; color:#FFFFFF"> name="menu"><option/>SOSIAL BOOKMARKS BUTTONS<!-- change the links -->

<option value="http://the-best-widgets.blogspot.gr/2014/04/tv-buttons.html"/>ΠΩΣ ΒΑΖΩ TV BUTTONS

<option value="http://the-best-widgets.blogspot.gr/2014/04/radio-buttons.html"/>ΠΩΣ ΒΑΖΩ RADIO BUTTONS

<option value="http://the-best-widgets.blogspot.gr/2014/06/follow-sosial-buttons.html"/>ΠΩΣ ΒΑΖΩ SOSIAL NETWORKS BUTTONS

</select></form>

<form><select onchange="window.open(this.options[this.selectedIndex].value,'blank')" size="1" style="width:240px; height:22px; BACKGROUND:#F4F004"> name="menu"><option/>SLIDESHOWS & GALERIES<!-- change the links -->

<option value="http://the-best-widgets.blogspot.gr/2014/04/video-gallery.html"/>ΠΩΣ ΒΑΖΩ VIDEO GALLERY

<option value="http://the-best-widgets.blogspot.gr/2013/09/photo-gallery.html"/>ΠΩΣ ΒΑΖΩ PHOTO GALLERY

<option value="http://the-best-widgets.blogspot.gr/2014/04/slide-show.html"/>ΠΩΣ ΒΑΖΩ ΚΥΛΙΟΜΕΝΟ SLIDE SHOW

<optionvalue="http://the-best-widgets.blogspot.gr/2013/04/gif.html"/>ΠΩΣ ΒΑΖΩ ΜΙΑ ΚΙΝΟΥΜΕΝΗ ΕΙΚΟΝΑ GIF

</select></form>

<form><select onchange="window.open(this.options[this.selectedIndex].value,'blank')" size="1" style="width:240px; height:22px; BACKGROUND:#AAFC94"> name="menu"><option/>FACEBOOK WIDGETS<!-- change the links -->

<option value="http://the-best-widgets.blogspot.gr/2013/12/facebook-id.html"/>ΠΩΣ ΒΡΙΣΚΩ ΤΟ FACEBOOK PAGE ID

<option value="http://the-best-widgets.blogspot.gr/2013/04/facebook-pop-up-like-box.html"/>ΠΩΣ ΒΑΖΩ POP UP FACEBOOK LIKE BOX

<option value="http://the-best-widgets.blogspot.gr/2013/04/facebook-floating-like-box.html"/>ΠΩΣ ΒΑΖΩ FACEBOOK FLOATING LIKE BOX

</select></form>

<form><select onchange="window.open(this.options[this.selectedIndex].value,'blank')" size="1" style="width:240px; height:22px; BACKGROUND:#961327; color:#FFFFFF"> name="menu"><option/>ΑΛΛΑ ΘΕΜΑΤΑ<!-- change the links with your own -->

<optionvalue="http://the-best-widgets.blogspot.gr/2014/04/blogger.html"/>ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΙΜΕΝΟΥ ΑΝΑΡΤΗΣΗΣ

<optionvalue="http://the-best-widgets.blogspot.gr/2014/05/blog-post_31.html"/>ΠΩΣ ΒΑΖΩ ΑΡΙΘΜΗΣΗ ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΜΟΥ

<optionvalue="http://the-best-widgets.blogspot.gr/2014/04/blog.html"/>ΠΩΣ ΒΑΖΩ ΚΙΝΟΥΜΕΝΟ ΤΙΤΛΟ ΣΤΟ BLOG ΜΟΥ

<optionvalue="http://the-best-widgets.blogspot.gr/2014/04/blog_28.html"/>ΠΩΣ ΒΑΖΩ ΚΩΔΙΚΟ ΠΡΟΣΒΑΣΗΣ ΣΤΟ BLOG ΜΟΥ</select></form>

 

http://gadgetsforblogs3.blogspot.gr/2014/12/roll-down-menu.html#more