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

Μου το έχετε ζητήσει πάρα πολλοί και δεν μπορούσα να σας αρνηθώ.
Πρόκειται για ένα ακόμη από τα βασικότερα blogger tips που δεν θα μπορούσε να έλειπε από το bloggertips.gr
Είναι μια μπάρα-μενού που την εγκαθιστάμε κάτω από τον τίτλο του blog μας και βάζουμε σε αυτή, links από αναρτήσεις μας, ετικέτες μας και ότι άλλο θέλουμε.

Θα φαίνεται κάπως έτσι:

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

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. Αποθήκευση κι είστε έτοιμοι!

Αν προσέξατε στον τίτλο έχω το (1). Αυτό, όπως καταλαβαίνετε, σημαίνει ότι θα ακολουθήσουν κι άλλα σχέδια.

Τα σχόλιά σας, πάντα ευπρόσδεκτα!

Πηγές: Εικόνα και κωδικοί από http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/P150/

Copyrights: http://bloggertips.gr/