rozwijane menu na blogspocie | Blogger Skrypt

Kyani

Translate

rozwijane menu na blogspocie

 Jak zrobić rozwijane menu blogger/blogspot


Postępuj zgodnie z poniższym schematem:

1. Zaloguj się do Bloggera
2. Wejdź w Projekt i utwórz kopię zapasową szablonu (gdyby poszło Ci coś nie tak)
3. Następnie kliknij Edytuj kod HTML
4. Zaznacz Rozszerz szablony widżetów
5. Odszukaj w kodzie ]]></b:skin> (możesz to zrobić szybko naciskając Ctrl+f)
6. Poniższy kod należy zamieścić przed ]]></b:skin>

/*Start Css Menu*/
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
color:8e8e8e;
}
7. Następnie przechodzimy do Układu gadżetów i dodajemy gadżet HTML/JavaScript
8. Wklej tam poniższy kod:

<div class="menu">

<ul>
<li><a href="#" id="current">STRONA GŁÓWNA</a></li>
<li><a href="#" >STRONA 1</a>
<ul>
<li><a href="#">Strona 1a</a></li>
<li><a href="#">Strona 1b</a></li>
<li><a href="#">Strona 1c</a></li>
<li><a href="#">Strona 1d</a></li>
</ul>
</li>
<li><a href="#">STRONA 2</a>
<ul>
<li><a href="#">Strona 2a</a></li>
<li><a href="#">Strona 2b</a></li>
<li><a href="#">Strona 2c</a></li>
<li><a href="#">Strona 2d</a></li>
</ul>
</li>
<li><a href="#">STRONA 3</a></li>
<ul>
<li><a href="#">Strona 3a</a></li>
<li><a href="#">Strona 3b</a></li>
<li><a href="#">Strona 3c</a></li>
<li><a href="#">Strona 3d</a></li>
</div>

 9. Zamiast tego znaczka # wstaw poszczególne linki stron jakie mają się wyświetlać. Zamiast STRONA 1 etc wpisz Tytuł strony, Zamiast Strona 1a podkategorię.
10. Powyższy kod możesz modyfikować dodając sobie kolejne podstrony.
11. Zapisać i gotowe.



2 komentarze: