23 czerwca 2015

Szablon dla Bloggera - Kameralny


Demo Pobierz

Jak zainstalować szablon?

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

Jak włączyć szablon mobilny?


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="#9E527B" value="#9E527B"/>

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.

Jak zmodyfikować górne menu z ikonami udostępniania?

W menu Szablon => Edytuj kod szablonu, wyszukaj i zmodyfikuj 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='#'>
          Szablony
        </a>
      </li>
      <li>
        <a href='#'>
          Bank zdjęć
        </a>
      </li>
      <li>
        <a href='#'>
          Forum
        </a>
      </li>
      <li>
        <a href='#'>
          Współpraca
        </a>
      </li>
      <li>
        <a href='#'>
          Kontakt
        </a>
      </li>
      <li>
        <a href='#'>
          Mapa bloga
        </a>
      </li>
      <div class='social-links'>
        <li>
          <a class='tooltip-bottom' data-tooltip='Facebook' href='http://www.facebook.com/blokotek'>
            <i class='fa fa-facebook'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='Twitter' href='http://twitter.com/Blokotek'>
            <i class='fa fa-twitter'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='Google+' href='https://plus.google.com/+BlokotekPlDodatki'>
            <i class='fa fa-google-plus'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='You Tube' href='http://www.youtube.com/user/Blokotek'>
            <i class='fa fa-youtube'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='Instagram' href='http://instagram.com/Blokotek.pl'>
            <i class='fa fa-instagram'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='Flickr' href='https://www.flickr.com/people/blokotek/'>
            <i class='fa fa-flickr'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='Bloglovin' href='http://www.bloglovin.com/blog/13115087'>
            <i class='fa fa-heart-o'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='Pinterest' href='http://www.pinterest.com/blokotek'>
            <i class='fa fa-pinterest-p'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='We Heart It' href='http://weheartit.com/blokotek'>
            <i class='fa fa-heart'/>
          </a>
        </li>
        <li>
          <a class='tooltip-bottom' data-tooltip='Kanał RSS' href='http://feeds.feedburner.com/blokotek'>
            <i class='fa fa-rss'/>
          </a>
        </li>
      </div>
    </ul>
<!-- Expanding Search Bar start -->
    <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>
    <!-- Expanding Search Bar end -->
  </nav>
Gdzie # zamień na linki, a adresy społecznościowe Blokotka na własne.

Jak zmodyfikować rozwijane menu?

W menu Szablon => Edytuj kod szablonu, wyszukaj i zmodyfikuj kod:
<nav2>
              <a class='responsive-menu2' href='#' id='resp-menu2'>
                <i class='fa fa-reorder'/>
                Menu
              </a>
              <ul class='menu2'>
                <li>
                  <a href='#'>
                    Przyciski społecznościowe
                  </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='#'>
                    Poradniki
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Tła
                  </a>
                  <ul class='sub-menu'>
                    <li>
                      <a href='#'>
                        Sub-Menu 1
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        Sub-Menu 2
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 5
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Sub-Menu 3
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 5
                          </a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li>
                  <a href='#'>
                    Nagłówki
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Liczniki odwiedzin
                  </a>
                  <ul class='sub-menu'>
                    <li>
                      <a href='#'>
                        Sub-Menu 1
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        Sub-Menu 2
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 5
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Sub-Menu 3
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Sub Sub-Menu 5
                          </a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li>
                  <a href='#'>
                    Etykietki
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Buttony
                  </a>
                </li>
              </ul>
            </nav2>
Gdzie # zamień na linki.

Jak dodać widżet Informacja o autorze?


W menu Układ => Dodaj gadżet HTML/Javascript z poniżym kodem:
<div class='author'>
<img src='http://3.bp.blogspot.com/-iMcOMzSMreU/VNODr7iaylI/AAAAAAAAI5Y/K_7fmjgq1oY/s1600/girl-flowers.jpg' style='border-radius:50%;width:200px'/>
<h2>Agata</h2>
Miłośniczka podróży, rękodzieła oraz literatury z epoki Romantyzmu. Uwielbia styl Vintage, na którym wzoruje wykonywaną własnoręcznie biżuterię oraz przedmioty codziennego użytku.
<ul class='socials'>
<li><a class='tooltip-bottom' data-tooltip='Facebook' href='http://www.facebook.com/blokotek'><i class='fa fa-facebook-official'></i></a></li>
<li><a class='tooltip-bottom' data-tooltip='Twitter' href='http://twitter.com/Blokotek'><i class='fa fa-twitter'></i></a></li>
<li><a class='tooltip-bottom' data-tooltip='Google+' href='https://plus.google.com/+BlokotekPlDodatki'><i class='fa fa-google-plus'></i></a></li>
<li><a class='tooltip-bottom' data-tooltip='Pinterest' href='http://www.pinterest.com/blokotek/'><i class='fa fa-pinterest'></i></a></li>
<li><a class='tooltip-bottom' data-tooltip='Instagram' href='http://instagram.com/Blokotek.pl'><i class='fa fa-instagram'></i></a></li>
<li><a class='tooltip-bottom' data-tooltip='Bloglovin' href='http://www.bloglovin.com/blog/13115087'><i class='fa fa-heart'></i></a></li>
<li><a class='tooltip-bottom' data-tooltip='Kanał RSS' href='http://feeds.feedburner.com/blokotek'><i class='fa fa-rss'></i></a>
</li></ul>
</div>

Jak dodać stylową wyszukiwarkę

W menu Układ => Dodaj gadżet HTML/JavaScript z poniższym kodem:
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Wpisz szukaną frazę' type='text'/>
<button id='search-button' type='submit'>
<span>
Szukaj
</span>
</button>
</form>
</div>
Designed by Blokotek. All rights reserved.