16 maja 2015

Szablon dla Bloggera - Dostojny


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>
      </li>
      <li>
        <a href='http://www.blokotek.pl/p/bank-z.html'>
          <i class='fa fa-university'/>
          Bank zdjęć
        </a>
      </li>
      <li>
        <a href='http://blokotek.forumpolish.com/'>
          <i class='fa fa-comments'/>
          Forum
        </a>
      </li>
      <li>
        <a href='http://www.blokotek.pl/p/zostan-redaktorem_25.html'>
          <i class='fa fa-user-plus'/>
          Współpraca
        </a>
      </li>
      <li>
        <a href='http://www.blokotek.pl/p/kontakt_11.html'>
          <i class='fa fa-envelope'/>
          Kontakt
        </a>
      </li>
      <li>
        <a href='http://www.blokotek.pl/p/mapa-bloga.html'>
          <i class='fa fa-sitemap'/>
          Mapa bloga
        </a>
      </li>
      <div class='social-links'>
        <li class='facebook'>
          <a href='http://www.facebook.com/blokotek' title='Facebook'>
            <i class='fa fa-facebook'/>
          </a>
        </li>
        <li class='twitter'>
          <a href='http://twitter.com/Blokotek' title='Twitter'>
            <i class='fa fa-twitter'/>
          </a>
        </li>
        <li class='gplus'>
          <a href='https://plus.google.com/+BlokotekPlDodatki' title='Google+'>
            <i class='fa fa-google-plus'/>
          </a>
        </li>
        <li class='youtube'>
          <a href='http://www.youtube.com/user/Blokotek' title='You Tube'>
            <i class='fa fa-youtube'/>
          </a>
        </li>
        <li class='instagram'>
          <a href='http://instagram.com/Blokotek.pl' title='Instagram'>
            <i class='fa fa-instagram'/>
          </a>
        </li>
        <li class='flickr'>
          <a href='https://www.flickr.com/people/blokotek/' title='Flickr'>
            <i class='fa fa-flickr'/>
          </a>
        </li>
        <li class='bloglovin'>
          <a href='http://www.bloglovin.com/blog/13115087' title='Bloglovin'>
            <i class='fa fa-heart-o'/>
          </a>
        </li>
        <li class='pinterest'>
          <a href='http://www.pinterest.com/blokotek' title='Pinterest'>
            <i class='fa fa-pinterest-p'/>
          </a>
        </li>
        <li class='heart'>
          <a href='http://weheartit.com/blokotek' title='We Heart It'>
            <i class='fa fa-heart'/>
          </a>
        </li>
        <li class='rss'>
          <a href='http://feeds.feedburner.com/blokotek' title='Kanał RSS'>
            <i class='fa fa-rss'/>
          </a>
        </li>
      </div>
    </ul>
  </nav>
Jeśli chcesz, by kategoria rozwijała się, do powyższego kodu wklej poniższy przykładowy kod:
        <li>
        <a href='#'>
          <i class='fa fa-home'/>
          START
        </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>
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 stopce szablonu dodaj gadżet HTML/JavaScript z poniżym kodem i zapisz.
<center><img border="0" src="http://1.bp.blogspot.com/-YAqDnEL7qaA/VT5j3xZTjhI/AAAAAAAAKwE/UwPeR897Y0U/s1600/insta.png" /></center>
TU WKLEJ WYGENEROWANY KOD WIDŻETU INSTAGRAM

Jak umieścić okienko z obserwatorami Facebooka?

Przeczytaj artykuł Koniec wtyczki LikeBox.
Designed by Blokotek. All rights reserved.