Κυριακή, 1 Μαΐου 2011

Οριζόντιο blogger menu κάτω από τον τίτλο για προσθήκη συνδέσμων (1) Πηγή www.dynamicdrive.com









Ακολουθήστε τα παρακάτω βήματα για να την βάλετε κι εσείς:

1. Σύνδεση στον blogger λογαριασμό μας από το blogger.com
2. Πανόπτης> Σχεδίαση> Επεξεργασία html
3. Με το ctrl+F βρείτε το </head>
4. Πάνω από αυτό επικολλήστε το παρακάτω:

<!--MENU-11-STARTS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->
<style type='text/css'>
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(http://i44.tinypic.com/333j255.jpg) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(http://i40.tinypic.com/51wnm9.jpg) center center repeat-x;
}
</style>
<!--MENU-11-STOPS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->

5. Αποθηκεύουμε το πρότυπό μας
6. Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη gadget> HTML/JavaScript
7. Βάλτε τον παρακάτω κωδικό:

<!--MENU-11-STARTS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->
<ul class="solidblockmenu">
<li><a href="...your link..." class="current">Login</a></li>
<li><a href="...your link..." >Home</a></li>
<li><a href="...your link...">tab 1</a></li>
<li><a href="...your link...">tab 2</a></li>
<li><a href="...your link...">tab 3</a></li>
<li><a href="...your link...">tab 4</a></li>
<li><a href="...your link...">tab 5</a></li>
<li><a href="...your link...">tab 6</a></li>
<li><a href="...your link...">Contact me</a></li>
<li><a href="...your link...">About</a></li>
</ul>
<!--MENU-11-STOPS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->

Όπου το  ...your link...  βάζετε το link σας και όπου  tab 0  βάζετε το όνομα του link.

8. Αποθήκευση κι είστε έτοιμοι!