Horizontal Menu (FishEye Menu) For Blogger (Νο 8).

Εδώ θα σας δείξουμε ένα από τα πιο υπέροχα σχέδια σε Μενού για το ιστολόγιο σας

Μπορείτε να το δείτε εδώ!!!
Τώρα αφού το είδατε ας ξεκινήσουμε σιγά-σιγά....
ΒΗΜΑ 1ο:
Καταρχήν πρέπει να κατεβάσετε αυτό το αρχείο.
Περιλαμβάνει τα παρακάτω:
fisheye.js
fisheye-menu.css
εικονίδια.
Στην περίπτωση που θελήσετε να συγκεντρώσετε ΕΣΕΙΣ εικονίδια της αρεσκείας σας δείτε εδώ ή στο blog μας στην κατηγορία Icons!!!
ΒΗΜΑ 2ο:
Τώρα θα πρέπει να τα ανεβάζετε σε κάποιον server Δείτε σχετική μας Ανάρτηση εδώ!!!
ΒΗΜΑ 3ο:
Αφού κρατήσετε backup το template σας καλού-κακού....
θα μπείτε στο Πίνακα ελέγχου σας & μετά >>> Πρότυπο >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

</head>

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

<!--FISHMENU-STARTS-->
<link rel="stylesheet" type="text/css" href="http://www......TO LINK.........../fisheye-menu.css" />
<script src="http://www.......TO LINK.........../fisheye.js" type='text/javascript'></script>
<!--FISHMENU-STOPS-http://loneeagle110.blogspot.com-->

Θα βάλετε στα 2 σημεία που χρειάζεται τους συνδέσμους (direct link) από τα scripts.
Κάνετε αποθήκευση προτύπου & πάμε στο...
ΒΗΜΑ 4ο:
Πίνακας ελέγχου ---> Διάταξη ---> Προσθήκη gadget ---> HTML/JavaScript
Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθεσουμε κάτι στον Τίτλο.

<ul id="fisheye_menu">
<li><a href="#1#"><img src=".......direct link icon 1........" alt="image description" /><span>Title Icon 1</span></a></li>
<li><a href="#2#"><img src=".......direct link icon 2........" alt="image description" /><span>Title Icon 2</span></a></li>
<li><a href="#3#"><img src=".......direct link icon 3........" alt="image description" /><span>Title Icon 3</span></a></li>
<li><a href="#4#"><img src=".......direct link icon 4........" alt="image description" /><span>Title Icon 4</span></a></li>
<li><a href="#5#"><img src=".......direct link icon 5........" alt="image description" /><span>Title Icon 5</span></a></li>
<li><a href="#6#"><img src=".......direct link icon 6........" alt="image description" /><span>Title Icon 6</span></a></li>
</ul>

Ένα παράδειγμα για να καταλάβετε πως θα το φτιάξετε...

<li><a href="http://www.blogger.com/home"><img src="http://i48.tinypic.com/2m7f592.jpg" alt="Login" /><span>Login</span></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
Οριζόντιο Μενού Νο 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