Προσθεστε οριζόντιο blogger menu κάτω από τον τίτλο.

Πέμπτη, 3 Φεβρουαρίου 2011

φίλοι και αναγνώστες του blog μου γεια σας, σήμερα θα μάθουμε πως προσθέτουμε  οριζόντιο μενού στο blog.

πάμε λοιπόν να το κάνουμε;
1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασίά HTML
4) τσεκαρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.
Αντιγράφουμε των παρακάτω κωδικό;</head>
και το  επικολλουμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.



Και ακριβώς πάνω από των κωδικό; </head> προσθέτουμε των παρακάτω κωδικό;
<!--MENU-11-STARTS-Widget-by-http://lefta4you.blogspot.com/-->
<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://www.lefta4you.blogspot.com/—>

Αμέσως μετά αντιγράφουμε των παρακάτω κωδικά;
<!--MENU-11-STARTS-Widget-by-http://lefta4you.blogspot.com/-->
<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 ">tab 7</a></li>
<li><a href=" your link ">tab 8</a></li>
</ul>
<!--MENU-11-STOPS-Widget-by-http://lefta4you.blogspot.com/-->
Στο σημείο που γράφει; your link βάλτε το λινκ στο οποίο θέλετε να παραπέμπει o τιτλος.
Στο σημείο που γράφει; tab1,tab2,tab3…… γραφετε των τιτλο.

Και πάμε με των γνωστό τρόπο σε όλους μας;
1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο
http://lefta4you.blogspot.com/2011/02/blogger-menu.html