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ść.

 Niestety czasem zdarza się, że dodany obraz traci ostrość po publikacji, pomimo wyboru właściwego przycisku DODAJ GADŻET (znajdującego się nad kolumną, w której ma pojawić się zdjęcie).

 Jak rozwiązać ten problem napisałam ---> TU.

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

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

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:

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),

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

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.

Blogger (nowy interfejs) - dodawanie zdjęć/obrazów do postów (rozmiar, link do zdjęcia)

 

W tekście:

•  Dodanie zdjęcia/obrazu z komputera
•  Dodanie zdjęcia/obrazu z albumu Bloggera
•  Dodanie zdjęcia/obrazu z adresu URL
  
•  Dodanie linku i podpisu do zdjęcia/obrazu
•  Wpadki Bloggera przy dodawaniu obrazów
  

 

Dodanie zdjęcia/obrazu z komputera

Kursor myszy należy postawić w miejscu, w którym ma się znaleźć obraz, następnie klikamy na przycisk WSTAW OBRAZ ↓.

Otwiera się okienko, w którym klikamy na  WYBIERZ PLIKI ↓.

Blogger (nowy interfejs) - pisanie postów cz. 1 (narzędzia, publikacja, aktualizacja)

Żeby utworzyć nowy post, po zalogowaniu się w Bloggerze, należy kliknąć w panelu nawigacyjnym

+ NOWY POST

Pisanie tekstu w nowym edytorze Bloggera

W edytorze Bloggera, na pasku pod tytułem tworzonego wpisu, znajdują się miniaturki/ikony narzędzi; po najechaniu myszką na ikonę pojawia się pod nią napis/informacja do czego służy, dzięki czemu nie trzeba zapamiętywać położenia i wyglądu ikonek.

 

Nie zawsze na pasku są widoczne te same ikony. Zależy to od stopnia powiększenia okna przeglądarki (niewidoczne narzędzia ukrywają się pod trzema kropkami (więcej opcji) - po kliknięciu na kropki ulokowane z prawej strony paska, otworzy się małe, wąskie okno, w którym będą widoczne pozostałe narzędzia.

Na obrazie ↑: pasek edytora - po kliknięciu w miejscu zaznaczonym strzałką pojawiają się opcje: Wyświetl pogląd i ZAPISZ.

 

Co kilka sekund Blogger zapisuje nowy, tworzony post. O tym, że to zrobił informuje ikona wskazana na zrzucie ekranu poniżej.

↓

...

Podczas edycji wpisu wcześniej opublikowanego, wprowadzane zmiany nie są zapisywane automatycznie. O tym, że zmiany nie zostały zapisane informuje ikona zaznaczona na zrzucie ekranu poniżej.

↓

Żeby zapisać zmiany w poście wcześniej opublikowanym, trzeba kliknąć przycisk AKTUALIZUJ (zaznaczony strzałką na zrzucie ekranu ↑ (okno edytora pozostanie otwarte)

lub przycisk AKTUALIZUJ na pomarańczowym tle.

...

...

Narzędzia edytora tekstu

Każdą ostatnią, wykonaną czynność (np: napisane lub usunięte słowo/a, pogrubienie tekstu, zmianę koloru czcionki, wstawienie linka) można cofnąć klikając na COFNIJ (dwa kliknięcia to cofnięcie dwóch ostatnich czynności, trzy - trzech itd).

Blogger - dodawanie gadżetów: nagłówka, stron i gadżetów w pasku bocznym (zdjęcia, tekst, archiwum wpisów itp)

TEN TEKST DOTYCZY STAREJ WERSJI BLOGGERA

WIĘCEJ O DODAWANIU GADŻETÓW I USTAWIENIACH w aktualnym interfejsie ZNAJDUJE SIĘ TU.

...

Blogger - tworzenie stron na blogu, dodanie strony zewnętrznej

Ten tekst dotyczył starej wersji Bloggera,

a ponieważ nie ma już możliwości powrotu do poprzedniego interfejsu, poniżej wklejam to, co NAPISAŁAM TU: o tworzeniu stron, publikacji i dodaniu strony zewnętrznej w aktualnej wersji Bloggera.

 

 

Utworzenie nowej strony na blogu

W panelu nawigacyjnym Bloggera trzeba kliknąć na STRONY, a następnie na + NOWA STRONA.

Otworzy się edytor tekstu ↓ .

Blogger - komentarze (ustawienia, listy komentarzy w panelu nawigacyjnym)

TEN TEKST DOTYCZY STAREJ WERSJI BLOGGERA.

Tu ➝wszystko o ustawieniach komentarzy w nowym interfejsie Bloggera.

Blogger - dodawanie tekstu, zdjęć, linków w tekście i publikowanie postów w zaplanowanym terminie.

TEN TEKST DOTYCZY STAREJ WERSJI BLOGGERA

TU ZNAJDUJĄ SIĘ bardziej szczegółowe WPISY O TYM JAK TWORZYĆ BLOGA W AKTUALNEJ WERSJI

Teksty dotyczące postów posiadają etykietę "posty".

 

TU - w tekście o pisaniu postów napisałam:

- o korzystaniu z niektórych narzędzi edytora (cofnij, pogrubienie, kursywa, kolor czcionki, przekreślenie, cytuj, wyczyść formatowanie),

- o rozmieszczaniu tekstu,

- o wstawieniu, edycji, usunięciu linków z tekstu,

- o zapisaniu i przywróceniu wersji roboczej,

- o publikacji i aktualizacji wpisu,

- o możliwości dodania etykiety w panelu nawigacyjnym (bez konieczności edycji posta).

  

TU - w tekście o pisaniu postów cd. napisałam:

- o korzystaniu z listy punktowej i numerowanej

- o dodawaniu etykiet podczas pisania posta,

- o publikacji w zaplanowanym terminie.

 

Dodawanie zdjęć/obrazów do postów:

- TU dodawanie obrazów pod/nad tekstem (z komputera, z albumu Bloggera, z adresu URL), ustawienie rozmiaru zdjęcia/obrazu, dodanie linka do obrazu.

- TU dodawanie obrazów obok tekstu.

 

TU dodawanie filmów z komputera i dwa sposoby na dodanie filmu z You Tube.

Blogger - zmiana motywu/szablonu bloga, wybór koloru i obrazu tła, dostosowanie wyglądu strony.

TEN TEKST DOTYCZYŁ STAREJ WERSJI BLOGGERA.

TU ZNAJDUJĄ SIĘ WPISY dotyczące aktualnego interfejsu, ZAWIERAJĄCE WIĘCEJ SZCZEGÓŁÓW:

 

 TU Zmiana motywu/szablonu, wybór układu, ustawienie szerokości strony i kolumn na stronie

 

 

tu TŁO STRONY (o tym jak dodać obraz do nagłówka strony napisałam tu)

tu TŁO NAGŁÓWKA

tu TŁO POSTA

tu PAGER

tu TŁO STOPKI

tu TŁO PASKA BOCZNEGO

tu TŁO GADŻETÓW

tu OBRAZ  TŁA

tu TŁO kart

TU Wybór ustawień dla wszystkich postów na blogu (m.in. czcionka, kolor linów)

 

Wszystkie teksty dotyczące zmian szablonu

są opatrzone etykietą "motyw szablon bloga".