Horizontal Menu For Blogger (Νο 7).

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


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

</head>

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

<!--HORIZONTAL-MENU-7-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<style type='text/css'>
/* menu styles */
#HMLE7
{ margin: 0;
padding: 0}
#HMLE7 li
{ float: left;
list-style: none;
font: 14px Tahoma, Arial}
#HMLE7 li a
{ display: block;
background: #000099;
padding: 15px 20px;
text-decoration: none;
border-right: 1px solid white;
width: auto;
color: #cccccc;
white-space: nowrap}
#HMLE7 li a:hover
{ background: #0000ff}
#HMLE7 li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white}
#HMLE7 li ul li
{ float: none;
display: inline}
#HMLE7 li ul li a
{ width: auto;
background: #3366ff;
color: #cccccc}
#HMLE7 li ul li a:hover
{ background: #3333ff}
</style>
<!--HORIZONTAL-MENU-7-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

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

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

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

<!--HORIZONTAL-MENU-7-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<ul id="HMLE7">
<li><a href="#">Login</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">Tools</a></li>
<li><a target="_blank" href="https://loneeagle110.blogspot.com/search/label/Blogger%20Help">Blogger Help</a></li>
<li><a href="#">Contact me</a></li>
</ul>
<!--HORIZONTAL-MENU-7-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Αλλάξτε τις ετικέτες με τις δικές σας & προσθέστε τους ανάλογους συνδέσμους & είστε έτοιμοι.
Πατάτε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.
Κατόπιν θα μπείτε στην Διάταξη --> Στοιχεία σελίδας & θα μετάφέρετε το gadget πάνω από τις Αναρτήσεις σας.

Το αποτέλεσμα στη πράξη:

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

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

Οριζ. Μενού Νο 1
Οριζ. Μενού Νο 2
Οριζ. Μενού Νο 3
Οριζ. Μενού Νο 4
Οριζ. Μενού Νο 5
Οριζ. Μενού Νο 6
Οριζ. Μενού Νο 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
Οριζ. Μενού Νο 50
Οριζ. Μενού Νο 51
Οριζ. Μενού Νο 52
Οριζ. Μενού Νο 53

Οριζ. Μενού Νο 54
Οριζ. Μενού Νο 55
Οριζ. Μενού Νο 56
Οριζ. Μενού Νο 61
Οριζ. Μενού Νο 62
Οριζ. Μενού Νο 63
Οριζ. Μενού Νο 64
Οριζ. Μενού Νο 65
Οριζ. Μενού Νο 66
Οριζ. Μενού Νο 67
Οριζ. Μενού Νο 68
Οριζ. Μενού Νο 69
Οριζ. Μενού Νο 70
Οριζ. Μενού Νο 71
Οριζ. Μενού Νο 72
Οριζ. Μενού Νο 73
Οριζ. Μενού Νο 74

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

Κάθετο Μενού Νο 1
Κάθετο Μενού Νο 2
Κάθετο Μενού Νο 3
Κάθετο Μενού Νο 4
Κάθετο Μενού Νο 5
Κάθετο Μενού Νο 6
Κάθετο Μενού Νο 7

Κάθετο Μενού Νο 8
Κάθετο Μενού Νο 9
Κάθετο Μενού Νο 11
Κάθετο Μενού Νο 12
Κάθετο Μενού Νο 13
Κάθετο Μενού Νο 14
Κάθετο Μενού Νο 15

Κάθετο Μενού Νο 16
Κάθετο Μενού Νο 17
Κάθετο Μενού Νο 18
Κάθετο Μενού Νο 20
Κάθετο Μενού Νο 21
Κάθετο Μενού Νο 22
Κάθετο Μενού Νο 23

Κάθετο Μενού No 26
Κάθετο Μενού Νο 30
Κάθετο Μενού Νο 31
Κάθετο Μενού Νο 32
Κάθετο Μενού Νο 33
Κάθετο Μενού Νο 34