Beauty

Nasz szablon dla Bloggera - I Love


Demo Pobierz

Edycja górnego rozwijanego menu

W menu Szablon => Edytuj kod HTML wyszukaj (linijka 1521) i edytuj poniższy kod:
            <nav class='' id='main-nav' style='top: 0px;'>
              <div class='container'>
                <div class='main-menu'>
                  <ul class='menu' id='menu-main'>
                    <li>
                      <a class='home' href='/'>
                        Start
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        WordPress
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            Szablony
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Wtyczki
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Dodatki
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Blogger
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            Szablony
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Widżety
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Poradniki
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Hostingi
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            Najnowsze
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Darmowe
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Płatne
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Google
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            Wyszukiwarka
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Google+
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Picasa
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        WWW
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            Kreatory
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Szablony
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Kody
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Programowanie
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            CSS
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            HTML
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            JavaScript
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Polub
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            Facebook
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Twetter
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            YouTube
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Pomoc
                      </a>
                      <ul class='sub-menu'>
                        <li>
                          <a href='#'>
                            Mailowa
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Na GG
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Na forum
                          </a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
            </nav>

Wszystkie # zamień na linki.
Umieszczanie stylowej wyszukiwarki

W menu Układ, nad blokiem Posty w blogu, dodaj gadżet HTML/Javascript z poniższym kodem i zapisz.
<div id='search-box'>
            <form action='/search' id='search-form' method='get' target='_top'>
              <input id='search-text' name='q' placeholder='Wpisz szukaną frazę i wciśnij Enter lub Szukaj' type='text'/>
              <button id='search-button' type='submit'>
                <span>
                  Szukaj
                </span>
              </button>
            </form>
          </div>

Instagram