Beauty

Szablon dla Bloggera - Kontrastowy

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'/>
          Start
        </a>
      </li>
      <li>
        <a href='http://blokotek.blogspot.com/'>
          <i class='fa fa-desktop'/>
          Szablony
        </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='http://www.blokotek.pl/p/bank-z.html'>
          <i class='fa fa-university'/>
          Bank zdjęć
        </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='http://blokotek.forumpolish.com/'>
          <i class='fa fa-comments'/>
          Forum
        </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='http://www.blokotek.pl/p/zostan-redaktorem_25.html'>
          <i class='fa fa-user-plus'/>
          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='http://www.blokotek.pl/p/kontakt_11.html'>
          <i class='fa fa-envelope'/>
          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>
      <li>
        <a href='http://www.blokotek.pl/p/mapa-bloga.html'>
          <i class='fa fa-sitemap'/>
          Mapa
        </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>
  </nav>
Kody ikon Font Awesome znajdziesz TU.

Jak dodać widżet Instagram?

Wejdź na SnapWidget i wygeneruj widżet o parametrach podanych na obrazku:
Następnie w menu Układ, dodaj gadżet HTML/JavaScript ze skopiowanym kodem widżetu i zapisz.

Jak umieścić okienko z obserwatorami Facebooka?

Przeczytaj artykuł Koniec wtyczki LikeBox.

Jak zmienić dominujący motyw kolorystyczny szablonu?

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

Jak zmienić zdjęcia w slajderze w tle?

W menu Szablon => Edytuj kod HTML szablonu wyszukaj i edytuj poniższy kod:
<script type='text/javascript'>
      $.backstretch([
        "http://2.bp.blogspot.com/-W7336P4BlLI/VVeNT2N7aGI/AAAAAAAALJo/KUxR8sNOPhk/s1600/kaboompics.com_Top%2Bview%2Bof%2Bcreative%2Bworkspace%2Bwith%2Bkeyboard%2Band%2Bcoffee.jpg"
        , "http://1.bp.blogspot.com/-YRylzUrqc2A/VVeNVqDBoWI/AAAAAAAALJs/tgSefcSFIaM/s1600/kaboompics.com_Girl%2Bwriting%2Bon%2Ba%2Bblack%2Bkeyboard%2B.jpg"
        , "http://1.bp.blogspot.com/-FeF9yOl2uVk/VVeNWPy_jGI/AAAAAAAALJ0/2BgMOmchCr4/s1600/kaboompics.com_Top%2Bview%2Bof%2Bblack%2Band%2Bwhite%2Btypography%2Bsentences.jpg"
      ], {duration: 3000, fade: 750});
    </script>
Linki zamień na bezpośrednie odnośniki do zdjęć.

Instagram