Bloggerowe triki

30.03.2015


Wczoraj dostałam komentarz, który zawierał pytanie "Jak sprawdzić po jakich tagach ludzie znajdują nasz blog?". Wtedy w głowie pojawiła mi się pewna myśl, aby zrobić wpis z bloggerowymi trikam.
Triki nie opierają się tylko na kodach CSS i HTML, a o tym co nam dają podstawowe funkcje bloggera nie każdy wie. Nawet sobie nie zdajecie sprawy, jak podczas rozmowy z drugim blogerem padają pytania typu "Jak dodać tekst nad komentarzami?". Zdaję sobie sprawę, że nie każdy lubi grzebać w zakładkach, jednak ja należę do osób, które przed zrobieniem czegokolwiek wszystko dokładnie sprawdzają. Tak samo jak zdaje sobie sprawę z tego, że są osoby, które zaraz napiszą komentarz "Ja to już wiem, jest mi to nie potrzebne" świetnie, że wiesz, ja też, ale inni nie wiedzą, a ja chcę tej grupie osób, która nie wie, najzwyczajniej w świecie pomóc ;)

Po jakich hasłach/tagach inni do nas trafiają




Jak widzicie, w miejscu, w którym pokazuje strzałka, możecie wybrać sobie okresy, dzięki temu możecie zobaczyć np. pod jakimi hasłami trafiano do nas przez ostatni tydzień.

Dodawanie tekstu nad komentarzami







Lokalizacja komentarzy, kto może komentować, moderacja komentarzy, wyłączenie weryfikacji obrazkowej



Lokalizacja komentarzy





Posty - dodawanie graficznego podpisu do wpisu, zmiana liczby wyświetleń wpisów 

Zmiana liczby wyświetlanych wpisów 


Dodawanie graficznego podpisu do wpisu 

Zapamiętaj!
Podpis, będzie widoczny dopiero przy nowych wpisach. Dodanych wpisów to nie obejmuje!

Pokażę Wam to na przykładzie po prostu zwykłej grafiki, bez żadnego podpisu, ale to nie ma znaczenia, więc nie panikujcie :)

Najprostszym sposobem aby wgrać nasza grafikę, będzie przejście do strony - nowa strona i stworzyć nową stronę bez nazwy lub o obojętnie jakiej nazwie i wrzucić tam naszą grafikę. Następnie przejść do HTML i pobrać ze strony link.



Następnie wracamy do bloggera i klikamy ustawienia - posty, komentarze i udostępnianieszablon posta - dodaj. W okienko, które nam się pojawi wklejamy <img src="url - adres obrazka"> url obrazka bierzemy z naszej zakładki HTML.



Sprawdzanie statystyki wpisów 



Czytaj więcej >
Udostępnij ten wpis:

Jak przenieść datę wpisu do stopki wpisu

25.03.2015


Kiedyś przy robieniu jednego z szablonów, jedna z dziewczyn poprosiła mnie o to, aby data wpisu była w stopce wpisu, ponieważ na górze postów chce mieć tylko tytuł wpisu i nic więcej. Kiedyś przez przypadek zrobiłam taki myk, a potem długo się zastanawiałam nad tym jak to znowu wykonać aż wreszcie "na czuja" zrobiłam to co chciałam, a teraz chce przedstawić wam jak to wykonać abyście nie musieli kombinować tak jak ja.

Będziemy pracowali w HTML więc... na początek PAMIĘTAJ ABY ZROBIĆ KOPIĘ ZAPASOWĄ SZABLONU! 

1. Wchodzimy w szablon - edytuj kod HTML.


2. Klikamy kursorem w obojętnie jakie miejsce w kodzie i za pomocą ctrl + f wywołujemy konsolę wyszukiwania. Wpisujemy w nią <h2 class='date-header'> i klikamy enter.



3. Wycinamy tą część kodu, która jest zaznaczone w ramce.


Opcja dla szablonu prostego (Simple) 

4. Następnie w naszą wywołaną konsolę wyszukiwania wpisujemy <div class='post-footer'> lub post-footer i pod tą częścią kodu wklejamy wycięty kod z punktu 3.


Opcja dla szablonu rewelacja (Awesome Inc.) 

4a. W naszą wywołaną konsolę wyszukiwania wpisujemy <div classs='post-footer-line post-footer-line-2'/> a następnie pod tą częścią kodu wklejamy wycięty kod z punktu 3.



5. Efekt końcowy:
Szablon proty (Simple)


Szablon rewelacja (Awesome Inc.)


6. Aby dostosować naszą datę możemy użyć kodu CSS w tym celu przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy tam następujący kod:

.date-header span {margin: 10px 10px 10px 10px;}

Wszystkie pogrubione wartości są zmienne.

W razie problemów śmiało piszcie na maila :)
Czytaj więcej >
Udostępnij ten wpis:

Jak w prosty sposób dobrać kolorystykę do swojego bloga

23.03.2015


O kolorystyce na bloga wspominałam we wpisie, w którym opisuje jak w prosty sposób uporządkować swojego bloga tak, aby ze straszydła z migającymi kotkami i toną sypiącego się brokatu zrobić w prosty sposób szablon przyjemny dla naszego oka. Wzmianka o kolorystyce pojawiła się również w poście o czytelnym wpisie na bloga. Każdy powinien zdawać sobie sprawę z tego ile możemy zdziałać dobrym doborem kolorystki i ile możemy zrobić złego jeśli poniesie nas fantazja.
Przyjmuje się, że aby nasza strona dobrze wyglądała powinniśmy ograniczyć się do 2 max 3-4 kolorów. Przy użyciu więcej ilości kolorów możemy zrobić "krzywdę" naszemu miejscu w sieci. Kolorystyka na blogu nie służy tylko ładnemu prezentowaniu się strony, ale również dzięki niej nasi potencjalni czytelnicy będą w stanie skojarzyć naszego bloga oraz dobry dobór kolorów zwiększa czytelność naszej strony. W moim szablonie można dostrzec 4 kolory (w tym kolor bazowy - biały): brązowy, łososiowy oraz odcień szarości. Żeby stworzyć sobie ładną paletę barw, musimy pamiętać o kolorze bazowym.
Kolor bazowy = kolor podstawowy 
To od koloru podstawowego będzie zależeć jaką paletę barw zaserwujemy na naszego bloga. Chce wam przedstawić 6 sposobów na dobranie kolorystki na swojego bloga, będą to bardzo proste sposoby, ponieważ wszystkie będą opierać się na różnych stronach internetowych, które za pomocą paru kliknięć przedstawią wam przeróżne palety barw.

1. Blogger - Na samym początku mojej zabawy z szablonami bałam się korzystać z innych stron internetowych, które umożliwiają nam dobór kolorów. Korzystałam z podstawowej palety barw, którą udostępnia nam właśnie blogger. Jest sześć kolorów, a co za tym idzie - każdy z nich ma sześć różnych odcieni - spokojnie możemy na nich bazować swój szablon.



2. Paletton.com - Dzięki niemu możemy stworzyć swoje własne zestawienie barw w palecie. Mamy do wyboru 4 różne opcje dzięki czemu, nasze zestawienie kolorów może być przeróżne, wszystko zależy od nas. Paletton oferuje również możliwość podglądu przykładowej strony internetowej z wybranymi kolorami na palecie. Osobiście korzystam z tej strony i bardzo jestem z niej zadowolona. Jest to wielka oszczędność czasu. Oprócz tego Paletton opiera się na opcji typu colorwhile, którą osobiście uwielbiam.












3. Adobe Kuler - Również opiera się na opcji colorwhile. Jest bardzo podobny do Paletton. Jedyne co różni tą aplikacje od Palettona to to, że Adobe jest w języku polskim. Adobe posiada jeszcze jedną opcje, której nie zauważyłam w Palettonie - można wrzucić swój własny obraz po czym pojawi nam się paleta barw z obrazu oraz możemy sami wybrać kolor bazowy.






4. Design seeds - Zbiór przeróżnych zdjęć, na których podstawie powstały ciekawe palety kolorystyczne. Można wyszukać zdjęcia z paletami, które są odpowiednio dopasowane np. do pór roku. Można też za pomocą suwaczków ustalić potencjalny kolor np. fiolet, wtedy pokażą nam się wszystkie pokrewne palety co oszczędza nam sporo czasu.





5. Color Hunter - Podobna strona do Design seeds, jednak tutaj nie mamy pogrupowanych palet na kategorię. Tutaj wyszukujemy palety za pomocą słowa klucz.



6. Colorspire - Mój faworyt. Mamy rozrysowany układ bloga i 5 okienek, które odpowiadają za dane elementy: kolumnę boczną, kolumnę środkową (pole wpisów) tło oraz nagłówek i stopka. Dzięki temu dobierając kolory od razu możemy zobaczyć jak się to mniej więcej będzie prezentować. Jest bardzo prosty w obsłudze i myślę, że nikt nie będzie miał z tym programem problemu.



Tak wiem wpis został opublikowany z opóźnieniem, ale niestety dzisiejszy dzień to jedno wielkie zamieszanie + ostatnia sytuacja mnie trochę osłabiła. Na dodatek robię blogowe porządki - takie wiecie typowo wiosenne, bo wypada . Zmieniałam tło szablonu (co widać), wydaje mi się, że obecna forma jest lepsza od poprzedniej, jest bardziej stonowana, a co za tym idzie bardziej czytelna, ale to musicie sami ocenić czy rzeczywiście teraz jest naprawdę przejrzyście. Wspominałam już, że w kwestii szablonu jestem pedantką , dlatego w pewnym momencie zaczęło denerwować mnie to tło w paseczki.
Czytaj więcej >
Udostępnij ten wpis:

Jak wykonać nietypowy avatar w GIMPie

18.03.2015


Czasem bywa tak, że potrzebujemy czegoś nietypowego na naszego bloga czy na inną stronę internetową. Niektórzy stawiają na tradycyjne proste zdjęcia, inni chcą mieć je okrągłe, a jeszcze inna grupa osób chce mieć np. zdjęcie w serduszku, ale jak to zrobić? W tym tutorialu przedstawię wam prosty sposób na to jak zrobić nietypowy avatar w GIMPie.
Czemu ten avatar jest taki nietypowy? Z jednego prostego powodu, może mieć on kształt wszystkiego. Nasze zdjęcie może być w kształcie plamy, motylka, konia, kwiatka - dosłownie wszystko - nie spotyka się takich avatarów za często, a może on nam posłużyć nie tylko jako avatar, ale również jako nasze logo.

1. Otwieramy GIMPa i klikamy na plik - nowy...



2. Pojawi nam się ramka tworzonego obrazu. Będziemy mogli w niej wybrać ułożenie poziome lub pionowe oraz ustawić wielkość i szerokość naszego obrazu.



3. Wybieramy opcję pędzla i ustawiamy jego rozmiar.


3a. Klikamy na rodzaje pędzli i wybieramy odpowiedni kształt.


Ja wybrałam pędzel w kształcie plamy i klikamy wybranym pędzlem na nasz obraz (ważne jest aby pędzel miał kolor czarny) Jeśli pędzel jest gdzie nie gdzie jaśniejszy należy przytrzymaj pędzel w jednym miejscu parę razy - miejsce gdzie ma się znaleźć nasze zdjęcie musi być całkowicie zaczernione.

4. Przechodzimy do naszego folderu, w którym znajduje się zdjęcie, które chcemy użyć. Klikamy na nie prawym przyciskiem myszki i wybieramy opcje "edytuj za pomocą GIMP". Jeśli ta opcja nam się nie pokażę to klikamy w GIMPie: Plik - Otwórz - i szukamy naszego folderu, w którym znajduje się nasze zdjęcie.



5. Nasze zdjęcie otworzyło się w nowym oknie. Klikamy na nie prawym przyciskiem myszki i wybieramy edycja - wytnij 


6. Przechodzimy do drugiego okna gdzie znajduje się nasz rysunek, klikamy prawym przyciskiem myszki i wybieramy opcje edycja - wklej 


6a. Pojawiło się nam nasze zdjęcie, jednak jest ono za duże. W tym celu używamy narzędzia skalowania i dopasowujemy nasze zdjęcie do naszego rysunku.



7. Kiedy nasze zdjęcie zostało odpowiednio dopasowane, za pomocą narzędzia łapki przesuwamy je tak aby zasłoniło całą czarną powierzchnię.


8. W kolumnie warstwy - gradienty zmieniamy tryb na  "tylko jaśniejszy". Jeśli nie mamy tej kolumny wybieramy opcję okna - ostatnio zamknięte doki lub okna - dowolne okna dialogowe - warstwy. 


8a. W tej samej kolumnie pojawiło nam się "Oderwane zaznaczenie (wklejona warstwa)" klikamy na to i wybieramy opcję nowa warstwa.


9. Po kliknięciu w nową warstwę pojawiło nam się nasze zdjęcie z tłem w kratkę, klikamy na to prawym przyciskiem myszki i wybieramy opcje "połącz w dół" 


10. Wybieramy teraz narzędzie różdżki i zaznaczamy nią białe tło.



10a. Klikamy na białym tle prawym przyciskiem myszki i wybieramy edycja - wytnij 


11. Pozbyliśmy się białego tła spod naszego avataru. Klikamy teraz na zaznaczenie - brak.


12. Wybieramy narzędzie kadrowania, zaznaczamy nasz awatar i klikamy enter.



13. Zapisujemy nasz avatar. Plik - wyeksportuj jako - pojawi nam się drugie okno - wybór typu pliku - obraz PNG. 



14. Efekt końcowy:









Pędzie do GIMPa w różnych kształtach można pobrać na stronie Deviantart wpisując w wyszukiwarkę: gimp brushes.

Zastanawiałam się nad utworzeniem kanału na YT z tutorialami - parę osób mnie pytało o tutoriale w wersji filmików, dlatego zaczęłam się zastanawiać nad tą opcją. Swoją opinię na ten temat możecie pisać w komentarzu, bardzo mi się ona przyda w podjęciu decyzji :) 
Czytaj więcej >
Udostępnij ten wpis:

Copyright © Szablon wykonany przez My pastel life