Beauty

Szablon dla Bloggera - Sklepowy


Demo Pobierz

Jak zainstalować szablon?

Co zrobić, gdy wyskakuje błąd podczas instalacji szablonu?

Jak włączyć szablon mobilny?

Jak edytować górne menu?

W menu Szablon => Edytuj kod HTML szablonu wyszukaj i edytuj poniższy kod:
<nav>
    <a class='responsive-menu' href='#' id='resp-menu'>
      <i class='fa fa-reorder'/>
      Menu
    </a>
    <ul class='menu'>
      <li>
        <a expr:href='data:blog.homepageUrl'>
          <i class='fa fa-home'/>
        </a>
      </li>
      <li>
        <a href='#'>
          Współpraca
        </a>
        <ul class='sub-menu'>
          <li>
            <a href='#'>
              Sub-Menu 1
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 2
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 3
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 4
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 5
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href='#'>
          Sklep
        </a>
        <ul class='sub-menu'>
          <li>
            <a href='#'>
              Sub-Menu 1
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 2
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 3
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 4
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 5
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href='#'>
          DIY
        </a>
        <ul class='sub-menu'>
          <li>
            <a href='#'>
              Sub-Menu 1
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 2
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 3
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 4
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 5
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href='#'>
          Lifestyle
        </a>
        <ul class='sub-menu'>
          <li>
            <a href='#'>
              Sub-Menu 1
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 2
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 3
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 4
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 5
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href='#'>
          Motywacja
        </a>
        <ul class='sub-menu'>
          <li>
            <a href='#'>
              Sub-Menu 1
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 2
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 3
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 4
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 5
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a href='#'>
          Kontakt
        </a>
        <ul class='sub-menu'>
          <li>
            <a href='#'>
              Sub-Menu 1
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 2
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 3
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 4
            </a>
          </li>
          <li>
            <a href='#'>
              Sub-Menu 5
            </a>
          </li>
        </ul>
      </li>
      <div class='social-links'>
        <li class='facebook'>
          <a href='http://www.facebook.com/blokotek'>
            <i class='fa fa-facebook'/>
          </a>
        </li>
        <li class='twitter'>
          <a href='http://twitter.com/Blokotek'>
            <i class='fa fa-twitter'/>
          </a>
        </li>
        <li class='gplus'>
          <a href='https://plus.google.com/+BlokotekPlDodatki'>
            <i class='fa fa-google-plus'/>
          </a>
        </li>
        <li class='youtube'>
          <a href='http://www.youtube.com/user/Blokotek'>
            <i class='fa fa-youtube'/>
          </a>
        </li>
        <li class='instagram'>
          <a href='http://instagram.com/Blokotek.pl'>
            <i class='fa fa-instagram'/>
          </a>
        </li>
        <li class='flickr'>
          <a href='https://www.flickr.com/people/blokotek/'>
            <i class='fa fa-flickr'/>
          </a>
        </li>
        <li class='bloglovin'>
          <a href='http://www.bloglovin.com/blog/13115087'>
            <i class='fa fa-heart-o'/>
          </a>
        </li>
        <li class='pinterest'>
          <a href='http://www.pinterest.com/blokotek'>
            <i class='fa fa-pinterest-p'/>
          </a>
        </li>
        <li class='heart'>
          <a href='http://weheartit.com/blokotek'>
            <i class='fa fa-heart'/>
          </a>
        </li>
        <li class='rss'>
          <a href='http://feeds.feedburner.com/blokotek'>
            <i class='fa fa-rss'/>
          </a>
        </li>
      </div>
    </ul>
    <div class='sb-search' id='sb-search'>
      <form action='/search'>
        <input class='sb-search-input' id='search' name='q' placeholder='Wpisz szukaną frazę i wciśnij Enter' type='text' value=''/>
        <input class='sb-search-submit' type='submit' value=''/>
        <span class='sb-icon-search'/>
      </form>
    </div>
  </nav>

Jak umieścić okienko z obserwatorami Facebooka?

Przeczytaj artykuł Koniec wtyczki LikeBox.

Jak zmienić motywy kolorystyczne szablonu?

W menu Szablon => Edytuj kod HTML szablonu wyszukaj i edytuj poniższy kod:
<Variable name="keycolor" description="Main Color" type="color" default="#A4E3D2" value="#000000"/>

Jak zmienić liczbę postów wyświetlaną na stronie?

Domyślna ilość postów wyświetlana na stronie głównej i dalszych podstronach to 7. Jeśli chcesz ją zmienić wejdź do menu Układ =>Posty w blogu => Edytuj => Opcje strony głównej => Liczba postów na stronie głównej.
Następnie wejdź do menu Szablon => Edytuj kod HTML.
I w kodzie szablonu zmień wartość z 7 na wartość wpisaną w menu Układ.
Jeśli obydwie wymieniane wartości będą różne, prawdopodobnie ich różnica będzie ukryta i niewidoczna. Np. 7 - 4 = 3, więc trzy posty, pomiędzy stroną główną, a drugą - będą niewidoczne.

Instagram