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



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 »

Tapety na pulpit do pobrania za darmo

niedziela, 28 kwietnia 2019


Długo zastanawiałam się jaki wpis opublikować (można zobaczyć ile czasu minęło od ostatniego wpisu, jednak nie tylko to miało wpływ na to, że wpisy pojawiają się rzadziej). Przejrzałam szufladę z moimi akwarelami i moim oczom ukazały się roślinki, które malowałam z myślą o innym wpisie, ale jak to ja - zapomniałam sobie zapisać do jakiego wpisu miały być one wykorzystane.

Dlatego postanowiłam wykorzystać te grafiki, do tapet na pulpit :)
Mam dla Was 6 tapet - 3 z kalendarzem na maj i 3 uniwersalne z samymi grafikami.


Pobierz



Pobierz



Pobierz



Pobierz



Pobierz



Pobierz


Informacje 

  • Pliki pobierasz tylko i wyłącznie na własny użytek - jeśli chcesz się nimi podzielić - udostępnij ten wpis :) 
Udostępnij ten wpis:
Czytaj dalej »

Foto karty dla dzieci do pobrania za darmo

niedziela, 31 marca 2019


Ostatnio postanowiłam, że na blogu będę wprowadzać nowe rzeczy - nie tylko jeśli chodzi o grafiki do pobrania. Nie ukrywam, że na grafikach skupiam się najbardziej, dlatego, mogliście ostatnio widzieć po praz pierwszy kartki urodzinowe/imieninowe czy winietki ślubne.

Dziś przyszedł czas na kolejny "pierwszy raz". Przygotowałam dla Was foto karty dla dzieci - przedział wiekowy 0-1.

Kolejną nowością jaką zastosowałam w tym projekcie jest paleta kolorów, której dotychczas nie używałam, powiem więcej - uciekałam od niej jak tylko mogłam. Bardzo długo biłam się z myślami czy te kolory będą odpowiednie do projektu dla dzieci. Postanowiłam zaryzykować i zobaczymy jak się to przyjmie :)

Poniżej, możecie zobaczyć, jakie foto karty zawiera folder.


Informacje 

  • Karty są gotowe do druku 
  • Karty są zapisane w rozszerzeniu PDF 
  • Wielkość jednej karty to format A6
  • Pakiet zawiera 32 foto karty
  • Pliki pobierasz tylko i wyłącznie na własny użytek - jeśli chcesz się nimi podzielić - udostępnij ten wpis :) 
  • Karty najlepiej drukować na papierze o większej gramaturze np. 200 lub 250 gram
Udostępnij ten wpis:
Czytaj dalej »

Winietki ślubne do pobrania za darmo

sobota, 16 lutego 2019


Luty dla większości jest to miesiąc miłości, podobno w lutym najwięcej osób zaczyna skupiać się na przygotowaniach do swojego ślubu i wesela.  Zaczyna się szukanie zaproszeń, winietek, dekoracji.

W tamtym roku, jeszcze przed swoim ślubem, chodził mi po głowie pomysł, aby opublikować wpis z darmowymi zaproszeniami i winietkami do pobrania. Szybko jednak z niego zrezygnowałam, bo za bardzo się skupiałam na projektach dla Was niż dla samej siebie. Jeszcze chwila, a zostałabym bez zaproszeń :)

Dlatego, kiedy zbliża się moja rocznica ślubu, postanowiłam opublikować pierwszy na blogu wpis z serii ślubnej czyli winietki do pobrania za darmo - w 6 wzorach.



Pobierz



Pobierz



Pobierz



Pobierz



Pobierz



Pobierz

Winietki są gotowe do pobrania i druku. Można je uzupełniać ręcznie lub w programie graficznym.


  • Pliki pobierasz tylko i wyłącznie na własny użytek - nie można przekazywać ich dalej lub odsprzedawać. Jeśli chcesz się z kimś podzielić tymi winietkami - udostępnij link do wpisu :) 
  • Wydruk najlepiej wykonać na papierze o większej gramaturze np. 200 lub 250 
  • Szerokość winietek to 9,5 cm a wysokość to 6 cm
  • Pliki są przygotowane w formacie PDF
Udostępnij ten wpis:
Czytaj dalej »

Jak wstawić separator do wpisu

sobota, 2 lutego 2019


Dawno nie było na blogu instrukcji, więc czas to nadrobić! :)
Postanowiłam, że opublikuje prostą instrukcję na to, jak wstawić do wpisu separator. Nie będzie to długa instrukcja i nie będzie skomplikowana, więc jestem prawie pewna, że większości z Was przypadnie ona do gustu :)

1. Przechodzimy do naszego wpisu i wybieramy HTML
2. W obojętnie jakim miejscu (wybranym przez nas) wklejamy znacznik naszego separatora



Możemy zostawić nasz separator taki jaki jest - zwykły szary pasek, ale możemy dodać dla niego styl w arkuszu CSS, żeby wyglądał lepiej. W tym celu przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy wybrany kod:

Styl 1





Styl 2





Styl 3





Styl 4





Styl 5





Wszystkie wartości są zmienne.
Udostępnij ten wpis:
Czytaj dalej »

Darmowe tapety na telefon

sobota, 5 stycznia 2019

Darmowe tapety na telefon

Grudzień był bardzo pracowity i dokonywało się wiele zmian, jednak nie przekładało się to na bloga - niestety. Wpisy, które miałam przygotowane, nie zostały opublikowane, po prostu trzeba było się zająć rzeczami ważniejszymi. To już na szczęście minęło, więc zostawmy to co było i witam się z Wami tym wpisem w nowym roku :)

Mam dla Was 4 darmowe tapety do pobrania z motywem księżyca. Długo "chodził" za mną pomysł wykorzystania tego motywu, nie wiedziałam co mam z nim zrobić, aż w końcu postanowiłam, że idealnie będzie się prezentował na ekranach telefonów.

Skupiłam się na tym, aby główną rolę grał odcień granatu, który uwielbiam i który najbardziej kojarzy mi się z zimą. Oprócz tego, zależało mi na tym, aby kolor przewodni idealnie wpasował się w motyw, osobiście jestem zauroczona efektem końcowym :) W komentarzu dajcie znać czy Wam również takie połączenie przypadło do gustu :)


Pobierz



Pobierz


Pobierz


Pobierz

Udostępnij ten wpis:
Czytaj dalej »

Copyright © Szablon wykonany przez My pastel life