Jak spolszczyć Disqusa?


Disqus to bardzo funkcjonalny system komentarzy, który można zintegrować ze swoim blogiem. Jednak domyślnie, język jego interfejsu ustawiony jest na angielski. By ułatwić komentowanie również osobom, które nie znają tego języka, warto dokonać spolszczenia. Jest to bardzo proste, o czym przekona cię poniższy króciutki tutorial.

Zaloguj się do swojego panelu admina na Disqusie. Przejdź do manu Admin =>Settings => General.


Odszukaj Language. Z wybieranej listy wybierz Polish, przewiń stronę do samego dołu i wciśnij Save, by zapisać zmiany.
To wszystko!
Zobacz więcej >

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>
Zobacz więcej >

Wywiad dla Plasterka Cytryny


Weronika z bloga Plasterek Cytryny przeprowadziła ze mną wywiad dotyczący branży graficznej. Jeśli interesujesz się tym tematem, lub zaczynasz stawiać pierwsze kroki w tego rodzaju biznesie - zapraszam byś przeczytał moje spostrzeżenia, które być może okażą się pomocne oraz ukierunkują twój tok myślenia.

Zobacz więcej >

Wyniki konkursu na metamorfozę bloga + niespodzianka!


Kochani! Konkurs na metamorfozę bloga został rozstrzygnięty! O wynikach przeczytacie w poście:


na blogu Karoliny - Żyj Kochaj Twórz.

Czeka tam na Was mała niespodzianka ;)
Zobacz więcej >

Szablon dla Bloggera - Niebiański


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="#66bbdd" value="#7498B5"/>

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 (linijka 3578) 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.
Zobacz więcej >
Blokotek © 2012 - 2015. Wszelkie prawa zastrzeżone. Szablon stworzony z przez Blokotka