Wszystkie teksty o dostosowaniu szablonu/motywu dotyczą bardzo uniwersalnego motywu Awesome Inc. z wieloma możliwościami wprowadzania zmian (nie w każdym motywie można zmienić na przykład tło postów czy tło bocznej kolumny). Awesome Inc. umożliwia utworzenie strony posiadającej 1, 2, 3 lub 4 kolumny, z obrazem w tle, z nagłówkiem lub bez.

20 czerwca 2020

Blogger (nowy interfejs) - dodawanie filmów do postów (z komputera i z YouTube)


DODAWANIE FILMÓW

Pasek narzędzi edytora Bloggera znajduje się pod miejscem na tytuł posta, ale nie zawsze są na nim widoczne te same ikony. Zależy to od stopnia powiększenia okna przeglądarki. Korzystam z Mozilli Firefox'a i w tej przeglądarce wygląda to tak:

przy powiększeniu: 100% ikonka "WSTAW FILM" jest widoczna;
żeby zobaczyć wszystkie dostępne narzędzia trzeba kliknąć na trzy kropki/więcej opcji;
po najechaniu myszką na ikonę pojawia się napis/informacja do czego służy to narzędzie.
...
...
...

Po kliknięciu na "WSTAW FILM" otwiera się małe okienko, w którym dokonujemy wyboru.
 
  
__
__

Dodanie filmu z komputera
 
(Do limitu miejsca nie są wliczane dodawane z komputera filmy trwające mniej niż 15 minut.)
 
Po kliknięciu na WSTAW FILM, w małym oknie trzeba wybrać opcję Prześlij z komputera;
otworzy się okno widoczne poniżej,

film można przeciągnąć myszką
lub
można skorzystać z opcji PRZEGLĄDAJ:
 po kliknięciu na PRZEGLĄDAJ pojawi się podzielone okno ↓ : z lewej strony jest lista folderów
 po kliknięciu na wybrany folder - z prawej strony pojawia się jego zawartość
 kliknięciem na film potwierdzamy wybór ↓

14 czerwca 2020

Blogger (nowy interfejs) - dodawanie gadżetów do paska bocznego (archiwum, etykiety, tekst, obserwuj)



Pisałam już o ustawieniach dla paska bocznego (kolor tła, wybór czcionki) i dodawaniu gadżetów: STRONY, NAGŁÓWEK, OBRAZ/GRAFIKA.

Dziś o innych gadżetach:
  • Archiwum bloga
  • Etykiety (w pasku bocznym pojawią się etykiety dodane do wpisów)
  • Tekst (do wpisanego tekstu można wstawić link)
  • Obserwuj bloga przez e-mail
  • Obserwatorzy (umożliwia czytającym dodanie strony do listy czytelniczej Bloggera)
  • Formularz kontaktowy (wiadomość wpisana w formularzu, zostanie przesłana na adres e-mail właściciela strony).
***

Żeby dodać gadżet otwieramy panel nawigacyjny Bloggera i klikamy na UKŁAD. We wszystkich motywach (szablonach) przycisk DODAJ GADŻET znajduje się nad każdą kolumną każdego paska bocznego i nad stopką.

Po kliknięciu na przycisk +DODAJ GADŻET, znajdujący się nad boczną kolumną, otwiera się okno, w którym należy wybrać gadżet z listy.

Po kliknięciu na nazwę gadżetu otworzy się okno edycji, w którym wybór gadżetu / dokonanie zmian potwierdzamy kliknięciem na ZAPISZ (gadżet pojawi się w bocznej kolumnie). Żeby usunąć gadżet, trzeba go edytować, w oknie edycji wybrać opcję USUŃ.

Gadżet: Archiwum bloga
Układ → Dodaj gadżet → Archiwum bloga → Konfiguruj archiwum (tytuł, styl, widoczność tytułów, częstotliwość archiwizowania) → ZAPISZ.
W oknie gadżetu jest możliwość wyboru sposobu pokazywania tytułów postów dodanych na stronie. Na zrzutach ekranów ↓ widać jak będzie wyglądało archiwum po ewentualnych zmianach (nie trzeba ich dokonywać, można pozostać przy ustawieniach domyślnych - wybrać gadżet Archiwum z listy i kliknąć ZAPISZ).

7 czerwca 2020

Blogger (nowy interfejs) - dodawanie zdjęć do nagłówka i do paska bocznego, gadżet grafika

Żeby dodać gadżet otwieramy panel nawigacyjny Bloggera i klikamy na UKŁAD. Przyciski DODAJ GADŻET znajdują się w różnych miejscach, w zależności od wybranego motywu bloga i wybranego układu.

We wszystkich motywach (szablonach) przycisk DODAJ GADŻET znajduje się nad każdą kolumną każdego paska bocznego i nad stopką.
Podczas dostosowywania motywu (o tym jak to zrobić napisałam TU) wybrałam układ składający się z dwóch kolumn: obok moich postów jest prawy pasek boczny - jedna boczna kolumna, w której można dodawać gadżety na dwa sposoby - można dodać na przykład zdjęcie na całą szerokość kolumny, można też 2 zdjęcia ulokować obok siebie.
Blogger daje możliwość wyboru koloru tła i koloru obramowania dodanego obrazu. To ustawienie dotyczy całego obszaru bloga (postów i bocznych kolumn). Ja wybrałam opcję PRZEZROCZYSTE (po dodaniu obrazu nie jest widoczna ramka, nie jest widoczne tło w ramce; tłem dla dodanego obrazu jest tło posta/tło bocznej kolumny).

BLOGGER ZMIENIŁ WYGLĄD GADŻETÓW PODCZAS EDYCJI - AKTUALNY TEKST O DODAWANIU OBRAZU DO BOCZNEJ KOLUMNY I DO NAGŁÓWKA STRONY --> JEST TU.

!!! Teoretycznie, korzystając z przycisku Dodaj gadżet, znajdującego się nad kolumną, do której ma być dodana grafika, po publikacji, obraz powinien być dopasowany do jej rozmiaru i powinien zachować ostrość.

 Teksty dotyczące dodania zdjęcia do panelu bocznego mają etykietę: gadżet grafika zdjęcie

6 czerwca 2020

Blogger (nowy interfejs) - tekst i tło gadżetów na pasku bocznym, tło stopki, tło nagłówka

W tekście o zmianie i dostosowywaniu szablonu bloga napisałam jak wybrać liczbę kolumn na stronie, jak ustawić szerokość każdej bocznej kolumny przeznaczonej na gadżety (zdjęcia/obrazy, tekst, archiwum, listę etykiet, listę czytelniczą i inne).
TU napisałam jak rozwinąć listę zaawansowanych ustawień, żeby móc przejść do kolejnej pozycji. W tym samym tekście jest też o szczegółach dokonywania wyboru kolorów (także niestandardowych).
W tekście poniżej:
  • tło bocznych kolumn
  • tło gadżetów
  • kolor linków do gadżetów
  • tekst gadżetów (czcionka, grubość, rozmiar i kolor tekstu)
  • tytuł gadżetu - ustawienia
  • tekst i tło kart (gadżet "strony")
  • stopka (ustawienie koloru tła stopki i koloru tekstu)
  • pager (ustawienie koloru tła wąskiego paska znajdującego się pod postami)
  • tło nagłówka, czcionka i kolor tytułu bloga
..
..
Tło bocznych kolumn nie musi być takie samo jak tło postów (nie dotyczy to wszystkich motywów). Żeby określić jak ma wyglądać, żeby przejść do ustawień, trzeba w panelu nawigacyjnym Bloggera kliknąć MOTYW, a następnie DOSTOSUJ.


Otworzy się PROJEKTANT MOTYWÓW BLOGGERA, z prawej strony jest podgląd bloga (każda wprowadzona zmiana będzie widoczna, blogger otoczy czerwoną ramką obszar, którego dotyczy zmiana).
Tu trzeba wybrać opcję ZAAWANSOWANE.

Blogger (nowy interfejs) - ustawienia postów i komentarzy, gadżet posty, czas na stronie

Nie trzeba edytować postów, żeby
  • opublikować zapisaną wcześniej wersję roboczą
  • przywrócić wersję roboczą
  • dodać lub usunąć etykietę
  • usunąć post.
Można to zrobić w panelu nawigacyjnym Bloggera.


..
..
Żeby post znajdujący się na liście w panelu nawigacyjnym
przywrócić do wersji roboczej (lub opublikować),
dodać lub usunąć etykietę,
usunąć,
wyświetlić
trzeba

5 czerwca 2020

Blogger i WordPress (bezpłatna strona internetowa, limit miejsca, zarabianie na blogu)

Chyba gdzieś już wspomniałam, że moim zdaniem Blogger jest przyjazną platformą. Nowy interfejs nie wszystkich cieszy, ale myślę, że przywyknąć do niego nie będzie trudno. A ponieważ mam też stronę WordPress, porównania nasuwają się same. Blogger wydaje mi się bardziej przejrzysty, łatwiejszy w obsłudze, daje więcej możliwości.
I Blogger, i WordPress to miejsce, gdzie można stworzyć bezpłatną stronę internetową. I tu, i tu jest wyznaczony limit miejsca.
  • WordPress pozwala wykorzystać bezpłatnie 3 GB, zlicza dodawane media i mogą to być tylko obrazy (na bezpłatnej stronie nie pozwala na przesyłanie filmów i plików dźwiękowych).
  • Blogger daje 15 GB i nie wszystkie dodawane media zlicza; liczy tylko filmy trwające ponad 15 minut i bardzo duże obrazy mające wysokość lub szerokość przekraczającą 2048 pikseli, dzięki czemu można przez wiele lat prowadzić bloga nie zmniejszając stanu posiadania wolnego miejsca (dla porównania:

4 czerwca 2020

Blogger (nowy interfejs) - tworzenie stron na blogu, dodanie strony zewnętrznej

Utworzenie nowej strony na blogu, opublikowanie, pokazanie czytelnikom utworzonej strony (dodanie jej do gadżetu "strony")

W panelu nawigacyjnym Bloggera trzeba kliknąć na STRONY, a następnie na + NOWA STRONA.
Otworzy się edytor tekstu ↓ .

Blogger - wybór ustawień dla wszystkich postów na blogu: kolor tła posta, tła strony, czcionka (zaawansowane ustawienia motywu)

Wyboru ustawień dla wszystkich postów dokonuje się podczas edycji gadżetu POSTY (napisałam o tym w oddzielnym tekście) i w ustawieniach motywu/szablonu.

Projektant motywów Bloggera
(ustawienia postów)

W panelu nawigacyjnym trzeba kliknąć MOTYW, a następnie DOSTOSUJ.


PO kliknięciu na "dostosuj" otworzy się Projektant motywów Bloggera.
W menu projektanta są cztery punkty: Tło, Dostosuj ustawienia szerokości, Układ, Zaawansowane. Listę ustawień dla każdego z nich rozwija lub zwija się kliknięciem na: (widać poniżej). (Możliwości ustawień nie są identyczne dla wszystkich motywów.)


..
..
Po kliknięciu na ZAAWANSOWANE pojawiają się pierwsze na liście ustawienia STRONY.

Można tu dokonać wyboru:
- rodzaju czcionki (żeby rozwinąć listę propozycji trzeba kliknąć na strzałkę znajdującą się na wysokości nazwy aktualnie stosowanej czcionki), można wybrać pogrubienie, kursywę, można ustawić rozmiar wpisując go (ustawienia dotyczą postów),

3 czerwca 2020

Blogger (nowy interfejs) - zmiana motywu/szablonu, układu strony, obrazu tła, szerokości bloga i bocznych kolumn

 
Z proponowanych przez Bloggera motywów/szablonów wybrałam Awesome Inc. między innymi dlatego, że posiada wąski pasek nawigacyjny (na górze strony), nagłówek, do którego można dodać obraz (lub tylko tytuł i opis strony), jest też kilka możliwości ustawienia liczby kolumn i rozmieszczenia ich na stronie (przesuwania, dodawania, usuwania). W każdej chwili można zmienić kolor tła strony, obraz tła strony, kolor tła postów i bocznych kolumn. Nie we wszystkich motywach można zrobić to samo, nie w każdym można na przykład zmienić tło posta czy tło bocznej kolumny.

Dzięki paskowi nawigacyjnemu nie ma konieczności wchodzenia do panelu nawigacyjnego Bloggera, żeby zacząć pisać nowy post lub otworzyć Projektanta motywów; będąc na stronie bloga wystarczy kliknąć na właściwy przycisk.


Żeby zmienić motyw/szablon lub dokonać jakichś zmian w szablonie (np. zmienić tło, obraz tła czy ilość kolumn na blogu) należy:
w panelu nawigacyjnym Bloggera kliknąć na MOTYW.

Blogger pokaże szablon zastosowany na blogu. Żeby dostosować ustawienia - należy kliknąć DOSTOSUJ.

Pojawi się Projektant motywów Bloggera.
Blogger nie przestał wprowadzać zmian. Zmienił się układ projektanta, nie zmieniły się możliwości.
Było tak:

Jest tak:

Menu znajduje się po lewej stronie. Podgląd bloga, na którym każda zastosowana zmiana będzie widoczna, jest po prawej stronie.

Zmiana szablonu

2 czerwca 2020

Blogger (nowy interfejs) - dodanie zdjęcia/obrazu do posta, ustawienie obok tekstu

O dodawaniu zdjęć/obrazów do postów już pisałam TU (archiwum strony jest w prawej kolumnie). Wspomniałam jak umieścić obraz pod lub nad tekstem. Dziś krótka informacja uzupełniająca.
Obraz można ulokować także obok tekstu. Można to zrobić po lub w trakcie pisania posta:
- należy w wybranym miejscu postawić kursor (ja postawiłam go przed tekstem, przed literą "O" - zrzut ekranu nr 1);
- kliknąć na ikonkę "WSTAW OBRAZ";
- wstawić obraz (o tym jak dodać obraz z komputera, z adresu URL i z albumu zdjęć wcześniej dodanych do bloga - napisałam  TU, we wspomnianym wyżej tekście);
- ustawić położenie: po lewej lub po prawej stronie (zrzut ekranu nr 2);
- ustawić rozmiar (więcej o tym jak ustawić rozmiar w nowym edytorze napisałam TU).

Żeby dodać podpis należy kliknąć na obraz, otworzy się małe okienko, w którym należy kliknąć  właściwą ikonę: podkreślona litera A).

Poniżej kolejne etapy dodawania obrazu:

Blogger (nowy interfejs) - pisanie postów cz. 2 (narzędzia, etykiety, publikacja w zaplanowanym terminie)


Dziś ciąg dalszy o pisaniu postów.
W tekście poniżej:
  • lista punktowa
  • lista numerowana
  • dodanie etykiety
  • publikacja w zaplanowanym terminie
  • komentarze pod postem
  • zwijanie tekstu
Zdarza się, że coś wymieniamy w tekście, skorzystanie z listy punktowanej lub listy numerowanej przydaje się, może zwiększyć czytelność wpisu.


Kursor myszy stawiamy w wybranym miejscu,
na pasku narzędzi klikamy przycisk LISTA PUNKTOWANA
  • po pojawieniu się kropki wpisujemy tekst, klikamy ENTER
  • po pojawieniu się kolejnej kropki, wpisujemy tekst, klikamy ENTER itd.
Żeby zamknąć listę:
po kliknięciu ENTER, obok kolejnej kropki stoi kursor ↑ , klikamy przycisk LISTA PUNKTOWANA (kropka zniknie, kursor przesunie się w lewą stronę).

W taki sam sposób dodaje się LISTĘ NUMEROWANĄ. Obie listy można też dodać w inny sposób, już po napisaniu tekstu. Pokażę to na przykładzie spisu treści mojej książki.