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*/7. Następnie przechodzimy do Układu gadżetów i dodajemy gadżet HTML/JavaScript
.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;
}
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.
Darmowe szablon wordpress przyciągają jak magnes. Jest ich olbrzymia ilość, ale nie wszystkie są godne Twojej uwagi.
OdpowiedzUsuńduzo wiedzy
OdpowiedzUsuń