Zrób ze mną szablon na bloga część 4

piątek, 25 października 2019


Szablony na Bloggera - niby proste, niby łatwe do dostosowania, ale jednak wciąż sprawiają problemy. Nie ma w tym nic złego i przede wszystkim - nie ma w tym nic dziwnego, nie każdy ma czas i cierpliwość aby kombinować i zmieniać, dlatego, postanowiłam wznowić serię, która jest Waszą ulubioną, a wnioskując po mailach jakie od Was dostaje - jest również bardzo potrzebna.

Dla wszystkich nowych czytelników, którzy nie znają poprzednich wpisów z tej serii - nie tworzymy szablonu od a do z, modyfikujemy ten, który jest udostępniony przez Bloggera, a wpis opiera się na tym, że tworzymy konkretny styl z podanych kodów - są to kody, które znajdziecie u mnie na blogu oraz takie, które pojawiają się pierwszy raz.

Oczywiście, można wszystko dostosować pod siebie, kolory, fonty, etc. nie jest konieczne trzymanie się kropka w kropkę tego co Wam podam ;)

Gotowi? No to zaczynamy! :)

Na początek paleta kolorów, z której będziemy korzystać, pochodzi ona z grafiki, którą wykorzystamy do tego szablonu


#EA8093 #6F7CBF #CED0DD #FBBACB #78ACFF #000000


Zapamiętaj!
Przed każdą edycją szablonu, zrób jego kopię zapasową, aby w razie pomyłki, nie utracić cennych dla Ciebie danych :)

1. Za bazę naszego szablonu wybieramy szablon Simple (prosty) - biały.


*Będziemy tworzyć szablon prawo kolumnowy

2. Wybieramy motyw - dostosuj - dostosuj ustawienia szerokości i ustawiamy nasz szablon na takie wartości:

Cały blog - 1240

Kolumna boczna prawa - 320

Klikamy "zastosuj do bloga"

3. Następnie przechodzimy do zakładki układ i wybieramy układ prawo kolumnowy, a w układzie stopki wybieramy 3 kolumnowy. Klikamy "zastosuj do bloga".

4. Przechodzimy do zaawansowane

Tekst strony - ustawiamy na kolor #000000

Tła - tło zewnętrzne białe, główne tło zmieniamy na transparentne, tło nagłówka również zostaje transparentne

Linki - kolory jakie użyłam (z powyższej palety koloru) to: dla koloru linku i koloru odwiedzonego linku - #000000, drugi kolor to - #EA8093 dla kolor po wskazaniu kolorem

Następna karta do której przechodzimy to tło kart, tam zmieniamy ustawienia na kolor przezroczysty

Nagłówek z datą - kolor tekstu, roboczo ustawiamy na czarny czyli #000000, a kolor tła ustawiamy na przezroczysty

Stopka posta - kolor tekstu #000000, kolor tła oraz kolor cienia - przezroczysty

Obrazy - kolor tła i obramowania - przezroczyste, kolor tekstu - #000000

Akcenty - wszędzie ustawiamy na przezroczyste

No to teraz arkusz CSS

5. Pierwszym kodem jaki dodamy to usunięcie cienia i ramek ze zdjęć w poście oraz w kolumnie bocznej.



Wybieramy "zastosuj do bloga"

Przejdź do wpisu z tym kodem

Teraz, zajmiemy się dostosowaniem zdjęć we wpisie, tak, aby wszystko było jak należy :) Poniższy kod, dostosuje nam zdjęcia do wpisu i nie naruszy nam tych mniejszych ;)



Wybieramy "zastosuj do bloga"

6. Teraz zrobimy automatyczne skracanie wpisu w naszym szablonie, a dokładną instrukcję znajdziecie TUTAJ

Zmiany jakie dokonamy w tym kodzie to:

posts_no_thumb_sum = 600;
posts_thumb_sum = 520;
img_thumb_height = 520;
img_thumb_width = 820;

Teraz zajmiemy się aktywnym przyciskiem "czytaj dalej", kod do tego przycisku również znajdziecie w podlinkowanym wpisie, jednak na potrzeby tego wpisu, trochę się on zmieni i będzie wyglądał tak:




7. Teraz, aby było nam wygodniej, opuścimy na chwilę sekcje z dostosowaniem bloga. Wybieramy "powrót do Bloggera" i wybieramy "układ"

8. wybieramy pasek nawigacyjny - edytuj - wyłączone - zapisz
Następnie przechodzimy do sekcji "główny" (nadal w układzie) - edytuj - i odznaczamy: godziny, pokaż opcje szybkiej edycji, pokaż przycisk udostępniania, lokalizacja - zapisz

9. Wracamy do motyw - dostosuj

10. Teraz zajmiemy się dołem naszego bloga.

Usuwamy:
Subskrybuj: posty (Atom) oraz Obsługiwany przez usługę Blogger



Zastosuj do bloga

Pager bloga



Zastosuj do bloga

11. Ustawienia ogólne

Ustawienia tekstu - rodzaj fontu, kolor, ułożenie tekstu, wielkość fontu



Usuwanie podkreśleń linków, po najechaniu na nie myszką



12. Posty

Ustawienia daty i tytułu wpisu

Data



Tytuł wpisu



Stopka posta



Zastosuj do bloga

13. Posty wewnątrz (po kliknięciu na nie ) i komentarze

Cytaty




Przejdź do wpisu z tym kodem

Komentarze




Przejdź do wpisu z tym kodem
Zastosuj do bloga

14. Kolumna boczna

Tytuły gadżetów



Zmiana Wyglądu gadżetu "obserwuj przez e-mail"



Przejdź do wpisu z tym kodem

Styl dla Archiwum - hierarchia



Przejdź do wpisu z tym kodem


Zastosuj do bloga

15. Menu/strony

Jeśli nie mamy dodanych stron/menu

Wybieramy powrót do Bloggera - układ - wszystkie kolumny - dodaj gadżet - strony - zapisz

Wracamy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS

Dodamy teraz kod, który przeniesie nasze strony na górę bloga.



Zastosuj do bloga

16. Nagłówek i grafika na górze bloga

Wyśrodkowanie nagłówka



Grafika na górze bloga



Zastosuj do bloga

Wszystkie wartości są zmienne, nie trzeba się trzymać schematu z tego posta - można również dodać coś od siebie :)

Efekt końcowy:



Pobierz grafikę

Udostępnij ten wpis:
Czytaj dalej »

Plany lekcji do pobrania za darmo

piątek, 30 sierpnia 2019


Kolejne wakacje zbliżają się ku końcowi, a to oznacza, że czas na kolejną edycję darmowych planów lekcji. Jest to już 5 edycja i mam nadzieję, że będzie się cieszyć tak samo dużym zainteresowaniem, jak 4 poprzednie :)

W tegorocznej edycji planów lekcji, znajdziecie 3 motywy - dwa z motywami wakacyjnymi oraz jeden z motywem kwiatowym, minimalistycznym i bardzo subtelnym.



Każdy z planów jest dostępny w opcji poziomej i pionowej.

Jeśli czujecie niedosyt i chcielibyście więcej planów lekcji do wyboru, to zapraszam was do poprzednich edycji, gdzie w sumie czeka na Was 22 różnych motywów :)

Plany lekcji - edycja 2018 Plany lekcji - edycja 2017 Plany lekcji - edycja 2016 Plany lekcji - edycja 2015



Pobierz plan poziomy Pobierz plan pionowy


Pobierz plan poziomy Pobierz plan pionowy



Pobierz plan poziomy Pobierz plan pionowy


Plany lekcji są gotowe do druku, wystarczy kliknąć i pobrać.

Informacje o pobieraniu

  • Pliki można drukować na dowolnym papierze i na dowolnej drukarce. 
  • Pliki w formacie PDF

Zasady pobierania 

  • Pliki można pobierać na własny użytek
  • Jeśli chcesz się podzielić planami - nie kopiuj, udostępnij link :) 
  • Plany lekcji, nie są przeznaczone na sprzedaż 
  • Nie udostępniaj ich w formie zmienionej 

Informacja dla nauczycieli/opiekunów

Przy ostatnich edycjach planów lekcji, dostawałam pytania czy można pobrać plany dla dzieci ze szkoły lub domów dziecka - tak, można pobierać :) 
Udostępnij ten wpis:
Czytaj dalej »

Planer dzienny do pobrania za darmo

czwartek, 18 lipca 2019


Obecnie jestem na etapie reaktywacji blog, do takiej formy jak ponad rok temu. Jest to ciężkie, ze względu na to, że nagle ubyło mi godzin w dobie, a ja nie wiem jak to mogło się stać! :)

Nie ma tego złego co by na dobre nie wyszło, bo kiedy tak siedziałam i ubolewałam nad tym, że nie mogę poświęcić tyle czasu na bloga ile bym chciała, to podczas tych wolnych 20 minut, przejrzałam sobie całego bloga, przeanalizowałam, wiem co poprawić/zaktualizować, rozplanowałam sobie wszystkie serie i wiem, które wpisy zostaną usunięte.

Po całym tym analizowaniu, przypomniał mi się jeden wpis, który wisi sobie samotnie - jeden jedyny z danej serii na moim blogu - darmowe planery, a przecież miała to być seria, która powinna pojawiać się regularnie!

Tymczasem, jest tylko jeden wpis z darmowymi planerami (darmowe planery dla studentów)  i nic więcej. Postanowiłam nad tym popracować, dlatego dzisiaj mam dla Was 4 darmowe dzienne planery, do pobrania za darmo :)


Dzienny planer, jest przygotowany tak, aby jak najlepiej zaplanować swój dzień. Jest w formacie A4, dzięki czemu wszystko wygodnie zaplanujesz.

Informacje techniczne

  • Utrzymany w minimalistycznej formie 
  • Format A4
  • 4 motywy do wyboru
  • Gotowe do druku 
  • Przygotowane w formacie PDF
Udostępnij ten wpis:
Czytaj dalej »

Szybkie DIY - mini flowerbox

środa, 5 czerwca 2019


Pewnie większość z Was (jak nie wszyscy) znają Flowerboxy. Nie ma co ukrywać, te pudełeczka robią furorę, a ja postanowiłam je odtworzyć, jednak, zamiast żywych kwiatów użyłam sztucznych, aby efekt był długotrwały :)

Czego potrzebujemy?

  • pudełko - w moim przypadku okrągłe o średnicy 11 cm
  • gąbka florystyczna sucha (jest również mokra, ale nie jest ona odpowiednia do sztucznych kwiatów)
  • sztuczne kwiaty
  • wstążka 
  • klej
  • nożyczki 
  • nożyk
  • folia 
1. Dopasowujemy naszą gąbkę florystyczną do średnicy pudełka. Wycinamy ją i wkładamy w pudełko.

2. Układamy sztuczne kwiaty na gąbce florystycznej.


Tak przy okazji muszę Wam powiedzieć, że nie byłam zadowolona z tych różyczek. Na zdjęciu wyglądały zupełnie inaczej - jak prawdziwe róże. Niestety, na żywo już z daleka było widać ich sztuczność.

3. Po ułożeniu kwiatów, dodajemy elementy dekoracyjne, ja zdecydowałam się na welurową wstążkę.


3a. Moje flowerboxy, były robione na Dzień Matki, w związku z tym, dodałam jeszcze odpowiednio opisane etykietki.

4. Efekt:



Muszę Wam powiedzieć, że seria z szybkim DIY chodziła za mną od jakiegoś czasu. Postanowiłam w końcu opublikować pierwszy wpis i przekonać się czy takie wpisy, przypadną Wam do gustu. Dajcie znać w komentarzu! ;)
Udostępnij ten wpis:
Czytaj dalej »

Copyright © Szablon wykonany przez My pastel life