Απλός τρόπος προσθήκης μενού στο blog μας στο blogger

Καλησπέρα σε όλους τους φίλους, σήμερα θα δούμε το πιο απλό τρόπο που μπορούμε να
προσθέσουμε ένα blogger μενού. Το μόνο που χρειάζεται είναι να προσθέσουμε το παρακάτω κώδικα σαν ένα gadget όπως όλα τα άλλα, τόσο απλά. Επίσης όπως θα δείτε και στο βίντεο εκεί που γράφω στο κώδικα "link1", "link2" κ.ο.κ. βάζουμε το όνομα της επιλογής μας που θέλουμε να φαίνεται στο μενού. Στη ετικέτα a εκεί που έχω τη δίεση αντικαθίσταται με το url που επιθυμείτε να παραπέμπει η κάθε κατηγορία του μενού.

Ο κώδικας του blogger μενού

<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 13px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #666; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style>

<div id="navcontainer"> <ul id="navlist"> <li><a href="//www.blogger.com/blogger.g?blogID=8142493621715757518#">Link 1</a></li> <li><a href="//www.blogger.com/blogger.g?blogID=8142493621715757518#">Link 2</a></li> <li><a href="//www.blogger.com/blogger.g?blogID=8142493621715757518#">Link 3</a></li> <li><a href="//www.blogger.com/blogger.g?blogID=8142493621715757518#">Link 4</a></li> <li><a href="//www.blogger.com/blogger.g?blogID=8142493621715757518#">Link 5</a></li> <li><a href="//www.blogger.com/blogger.g?blogID=8142493621715757518#">Link 6</a></li> <li><a href="//www.blogger.com/blogger.g?blogID=8142493621715757518#">Link 7</a></li> </ul> </div>

Παρακολουθήστε τον οδηγό βίντεο για να δείτε πόσο απλά βάζουμε το μενού στο blog μας