Darmowy szablon na bloggera - Bella

Dawno mnie nie było, dużo się dzieje... Dlatego dziś w ramach rekompensaty mam coś dla Was - kolejny darmowy szablon do pobrania. Z racji bardzo wielu próśb o szablon bez automatycznego zwijania postów postanowiłam właśnie taki przygotować. Zobacz jak prezentuje się Bella!

Zobacz demo

Szablon Bella w przeciwieństwie do pozostałych szablonów do pobrania nie ucina postów automatycznie. Sama możesz zdecydować czy na stronie głównej post ma się pokazać w całości czy czy tylko fragment. Jak zwykle sporo możesz zmienić w projektancie szablonów, bez wchodzenia w kod HTML.

Niektóre cechy darmowego szablonu na bloggera Bella:

♦ szablon przeznaczony tylko na platformę blogger (blogspot)

♦ szablon jest dwukolumnowy, pasek boczny z prawej strony

♦ szablon bez automatycznego zwijania postów

♦ szablon jest responsywny, to znaczy, że pięknie się prezentuje także w wersji mobilnej

♦ menu na bazie gadżetu "Strony"

♦ efektowne popularne posty oraz blogrolle

♦ ikony udostępniania pod każdym postem

♦ szablon jest edytowalny - możesz dostosować go kolorystycznie

Pobierz darmowy szablon na bloggera Bella

Co można zmienić?

♦ kolor menu, buttonów i stopki

♦ kolory i czcionki linków, tytułu posta oraz tekstu

♦ kolory i czcionki nagłówków gadżetów
♦ kolor obramowań

Instalacja szablonu krok po kroku

(rozwiń by zobaczyć odpowiedź)

Jak wgrać szablon?

Zawsze zacznij do zrobienia kopii zapasowej. Wejdź w panel bloggera (blogspota), wybierz Szablon -> Utwórz/przywróć kopię zapasową -> Pobierz pełny szablon.

Pobierz plik. Wejdź w swój panel bloga, a następnie wybierz
Szablon -> Utwórz/przywróć kopię zapasową -> Prześlij szablon z pliku na dysku twardym -> Wybierz plik szablonu -> Przekaż.

Jeśli przed wgraniem nowego szablonu na blogu znajdowały się jakieś gadżety mogą zmienić swoje położenie. Wystarczy wejść w Układ i ułożyć je według swojego uznania.

Jak zmienić format daty?

Wejdź w panel bloga -> Ustawienia -> Język i formatowanie -> Format znacznika czasu - tutaj wybierz wygląd daty, który najbardziej Ci odpowiada

Jak usunąć napis "technologia blogger"?

Prawdopodobnie po wgraniu szablonu, na pasek boczny wskoczy napis "technologia:Bloger". Wejdź w projektanta szablonów ->  Zaawansowane -> Dodaj arkusz CSS ->  tutaj wpisz kod:
#Attribution1 {display:none!important;}

Jak dodać social ikonki?

Wejdź w Układ i naciśnij edytuj przy gadżecie "Jestem tutaj". Wklej w nim następujący kod:

<div id="social-icons">
<a href="http://facebook.com" target="_blank"><i class="fa fa-facebook-square"></i></a>
<a href="http://twitter.com" target="_blank"><i class="fa fa-twitter-square"></i></a>
<a href="http://instagram.com" target="_blank""><i class="fa fa-instagram"></i></a>
<a href="http://google.com" target="_blank"><i class="fa fa-google-plus-square"></i></a>
<a href="http://pinterest.com" target="_blank"><i class="fa fa-pinterest-square"></i></a>
<a href="http://youtube.com" target="_blank"><i class="fa fa-youtube"></i></a>
<a href="http://bloglovin.com" target="_blank"><i class="fa fa-heart"></i></a>
</div>

Jeśli jakaś ikonka nie jest Ci potrzebna, usuń całą linijkę. Po a href= wklej adresy do własnych social mediów.

Jak dodać gadżet instagrama?

Najłatwiej będzie skorzystać ze strony LightWidget. Wygenerowany kod wklej do gadżetu "Instagram". Instrukcję jak generować kod publikowałam w notce Jak dodać gadżet instagrama na bloga?

Co zrobić żeby zdjęcia były szerokości posta?

Zdjęcia wgrywane na bloga powinny mieć minimum 840px. Podczas edycji posta ustaw zdjęcie do środka i zaznacz "oryginalny rozmiar zdjęcia" - jeśli zdjęcie będzie większe niż szerokość notki, automatycznie się dopasuje; jeśli będzie mniejsze, pozostanie bez zmian.

Jak włączyć wersję mobilną?

Szablon ma ustawioną piękną wersję mobilną. Aby zawsze była aktywna wejdź w panel Blogger -> Szablon -> Na komórkach -> "Nie, na urządzeniach mobilnych pokazuj szablon w wersji na komputer".

Jak zsynchronizować komentarze Disqus?

Wejdź w Szablon - edytuj kod HTML. Wyszukaj (cltr+f)

<data:post.numComments/>

Fragment powinien wyglądać tak:

<span class='comment-info'>
<i class='fa fa-comments'/>
<data:post.numComments/>
</span>

Zamień:

<data:post.numComments/>

na:

<a class='dsq-comment-count' expr:href='data:post.url + "#disqus_thread"'/>

Potrzebujesz pomocy?

Jeśli nie potrafisz, lub po prostu nie masz czasu czy ochoty, możesz mi zlecić wgranie szablonu. Zobacz → Usługa wgrania szablonu na bloggera

Informacje dodatkowe: 

Szablon na bloggera Bella jest całkowicie darmowy, nie wolno go odsprzedawać ani usuwać stopki. Jeśli zauważysz jakiś błąd napisz mi o tym w komentarzu. Jeśli Ci się podoba śmiało zastosuj go u siebie na blogu i pochwal się efektem w komentarzu pod tym postem, na fb lub na instagramie dodając hashtag "karografia". Będzie mi też miło jeśli zechcesz udostępnić ten post dalej...

...No i daj znać, czy ci się podoba!

INFO: Szablony, które udostępniam do pobrania za darmo nie obejmują wsparcia. Ponieważ dostaję naprawdę wiele zapytań, a doby nie da się rozciągnąć, nie jestem w stanie na wszystkie odpowiedzieć (tym bardziej, że wiele próśb dotyczy sporych zmian w szablonie, których nie da się opisać jednym zdaniem). Sukcesywnie będę dodawać odpowiedzi w komentarzach oraz nowych wpisach - zanim zadasz więc pytanie, sprawdź czy odpowiedź już się nie pojawiła. Pamiętaj - nie gwarantuję odpowiedzi - jeśli potrzebujesz szybkiej pomocy blogowej lub chcesz wprowadzić większe zmiany w szablonie napisz do mnie -  odpłatnie pomogę Ci dopasować szablon do Twoich wyobrażeń.