Horizontal Menu For Blogger ( Νο 1 )

Αφού κρατήσετε ένα backup το template σας καλού-κακού....

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

</head>

Μόλις το βρείτε πριν απο το κλείσιμο του </head>
Προσθέστε τον παρακάτω κώδικα.

<style type='text/css'> div#navmenu { margin: 0 0 0 0px; padding: 0; height: 44px; float: left;overflow:hidden;background-color:#323232;width:100%; } div#navmenu ul { display: block; margin: 0; padding: 0 0 0 2px; height: 44px; float: left; } div#navmenu ul li { display: block; margin: 0; padding: 0 2px 0 0; float: left; height: 44px; } div#navmenu ul li a, div#navmenu ul li a:visited { display: block; margin: 0; padding: 5px 0 0 0; height: 39px; line-height: 39px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #ffffff;float: left; } div#navmenu ul li a span, div#navmenu ul li a:visited span { display: block; float: left; margin: 0; padding: 0 0 0 26px; height: 39px; line-height: 39px; color: #ffffff; } div#navmenu ul li a span span, div#navmenu ul li a:visited span span { display: block; float: left; margin: 0; padding: 0 26px 0 0; height: 39px; line-height: 39px; color: #ffffff; } div#navmenu ul li a:hover, div#navmenu ul li.current_page_item a, div#navmenu ul li.current_page a:visited { color: #ff9600; background: transparent url(&#39;http://i47.tinypic.com/23rq1vs.jpg&#39;) repeat-x scroll left bottom; text-decoration: none; } div#navmenu ul li a:hover span, div#navmenu ul li.current_page_item a span, div#navmenu ul li.current_page_item a:visited span { background: transparent url(&#39;http://i49.tinypic.com/a4l7hi.jpg&#39;) no-repeat scroll left bottom; text-decoration: none; color: #ff9600; } div#navmenu ul li a:hover span span, div#navmenu ul li.current_page_item a span span, div#navmenu ul li.current_page_item a:visited span span { background: transparent url(&#39;http://i49.tinypic.com/2nqfle.jpg&#39;) no-repeat scroll right bottom; text-decoration: none; color: #ff9600; } </style>

Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....

Πανόπτης ---> Διάταξη ---> Στοιχεία Σελίδας ---> Προσθήκη gadget ---> HTML/JavaScript

Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθεσουμε κάτι στον Τίτλο.

<div id='navmenu'> <ul> <li class='current_page_item'><a href='#'><span><span>Home</span></span></a></li> <li class='page_item page-item-5'><a href='#'><span><span>About</span></span></a></li> <li class='page_item page-item-6'><a href='#'<span><span>Contact</span></span></a></li> </ul> </div>

Το αποτέλεσμα



Όπου # βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας κι αν θέλετε να προσθέσετε κι άλλες ετικέτες θα προσθέσετε τον παρακάτω κώδικα μέσα στο Gadget & πριν από το κλείσιμο του </ul> </div>

<li><a href="....Ο σύνδεσμος της ανάλογης ετικέτας......">....Ετικέτα....</a></li>

Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς πάνω από τις αναρτήσεις σας.

Πατάτε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.

Για σχέδια σε Οριζόντια Μενού δείτε τα.....

Οριζόντιο Μενού Νο 1
Οριζόντιο Μενού Νο 2
Οριζόντιο Μενού Νο 3
Οριζόντιο Μενού Νο 4
Οριζόντιο Μενού Νο 5
Οριζόντιο Μενού Νο 6
Οριζόντιο Μενού Νο 7
Οριζόντιο Μενού Νο 8
Οριζόντιο Μενού Νο 9
Οριζόντιο Μενού Νο 10
Οριζόντιο Μενού Νο 11
Οριζόντιο Μενού Νο 12
Οριζόντιο Μενού Νο 13
Οριζόντιο Μενού Νο 14
Οριζόντιο Μενού Νο 15
Οριζόντιο Μενού Νο 16
Οριζόντιο Μενού Νο 17
Οριζόντιο Μενού Νο 18
Οριζόντιο Μενού Νο 19
Οριζόντιο Μενού Νο 20
Οριζόντιο Μενού Νο 21
Οριζόντιο Μενού Νο 22
Οριζόντιο Μενού Νο 23
Οριζόντιο Μενού Νο 24
Οριζόντιο Μενού Νο 25
Οριζόντιο Μενού Νο 26
Οριζόντιο Μενού Νο 27
Οριζόντιο Μενού Νο 28
Οριζόντιο Μενού Νο 29
Οριζόντιο Μενού Νο 30
Οριζόντιο Μενού Νο 31
Οριζόντιο Μενού Νο 32
Οριζόντιο Μενού Νο 33
Οριζόντιο Μενού Νο 34
Οριζόντιο Μενού Νο 35
Οριζόντιο Μενού Νο 36
Οριζόντιο Μενού Νο 37
Οριζόντιο Μενού Νο 38
Οριζόντιο Μενού Νο 39
Οριζόντιο Μενού Νο 40
Οριζόντιο Μενού Νο 41
Οριζόντιο Μενού Νο 42
Οριζόντιο Μενού Νο 43
Οριζόντιο Μενού Νο 44
Οριζόντιο Μενού Νο 45
Οριζόντιο Μενού Νο 46
Οριζόντιο Μενού Νο 47
Οριζόντιο Μενού Νο 48
Οριζόντιο Μενού Νο 51

Για σχέδια σε Κάθετα μενού δείτε τα....

Κάθετο Μενού Νο 1
Κάθετο Μενού Νο 2
Κάθετο Μενού Νο 3
Κάθετο Μενού Νο 4
Κάθετο Μενού Νο 5
Κάθετο Μενού Νο 6
Κάθετο Μενού Νο 7
Κάθετο Μενού Νο 8
Κάθετο Μενού Νο 9
Κάθετο Μενού Νο 11
Κάθετο Μενού Νο 12
Κάθετο Μενού Νο 13
Κάθετο Μενού Νο 14
Κάθετο Μενού Νο 15
Κάθετο Μενού Νο 16
Κάθετο Μενού Νο 17
Κάθετο Μενού Νο 18
Κάθετο Μενού Νο 20
Κάθετο Μενού Νο 21
Κάθετο Μενού Νο 22
Κάθετο Μενού Νο 23
Κάθετο Μενού No 26

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!