Παρασκευή 24 Αυγούστου 2012

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


Είναι μια μπάρα-μενού ΜΕ ΥΠΟΚΑΡΤΕΛΕΣ που την εγκαθιστάμε κάτω από τον τίτλο του blog μας και βάζουμε σε αυτή, links από αναρτήσεις μας, ετικέτες μας και ότι άλλο θέλουμε.

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


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

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




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



<div id='catmenucontainer'>

<div id='catmenu'>

<ul>

<li><a href='#' title='#'>Home</a></li>

<li><a href='#' title='#'>Tab 1</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
</ul>
</li>

<li><a href='#' title='#'>Tab 2</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
<li><a href='#' title='#'>4</a></li>
</ul>
</li>


<li><a href='#' title='#'>About</a></li>

<li><a href='#' title='#'>Contact</a></li>


</ul>

</div>

Όπου το # βάζετε το link σας και από δίπλα βάζετε το όνομα του link.

Προσέξτε τον χρωματισμό που σας έχω κάνει για να καταλάβετε καλύτερα!

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

0 σχόλια:

Δημοσίευση σχολίου