Blogger - gadżet Grafika (boczna kolumna) dodanie linku w podpisie pod obrazem

 

We wszystkich motywach (szablonach) przycisk DODAJ GADŻET znajduje się nad każdą kolumną.

 

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

 

Teksty dotyczące dodania zdjęcia / obrazu do bocznej kolumny, mają etykietę: gadżet grafika zdjęcie.

 

O tym, jak krok po kroku dodać GADŻET GRAFIKA do bocznego panelu, jak go zmienić i jak usunąć ze strony - pisałam TU →.

 

Podczas edycji gadżetu, w oknie "Konfiguruj obraz" można dodać:

- tytuł (nad obrazem)

- podpis (pod obrazem)

- link (adres URL, na który przeniesie kliknięcie na obraz).

Miejsce na tytuł, podpis i link, może pozostać puste - po publikacji gadżetu na stronie, będzie widoczny tylko obraz.

 

Link można także wstawić w podpisie pod obrazem.

Kolejne kroki ↓↓↓↓

Blogger - gadżet GRAFIKA (problem z wielkością/ostrością dodanego obrazu)

 

 Zdarza się Bloggerowi niedopasowanie obrazu do szerokości kolumny, zdarza się czasem, że zdjęcie zostaje dopasowane właściwie, ale traci ostrość. Ten problem powtórzył się kilka razy, myślę, że przytrafiło się to nie tylko mnie. Mam więc nadzieję, że komuś przyda się to, co napiszę.

 Na zrzucie ekranu ↓ widać różnicę w ostrości - do bocznej kolumny dodałam ten sam obraz, z prawej strony grafika dodana opisanym poniżej sposobem.

 

 

Dodawanie obrazu/zdjęcia do bocznej kolumny

 Pierwsze kroki: Panel nawigacyjny ---> UKŁAD ---> Dodaj gadżet

 Liczba kolumn na stronie zależy od wybranego układu. Nad każdą kolumną jest przycisk Dodaj gadżet. 

 Na obrazie ↓ pokazałam układ, który jest na mojej stronie. Każdą kolumnę otoczyłam innym kolorem (wyróżniłam  ✔ przyciski Dodaj gadżet znajdujące się nad kolumnami - u mnie mają one różne szerokości).

 Teoretycznie, korzystając z przycisku 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ść.

Blogger - gadżet GRAFIKA (dodanie zdjęcia do bocznej kolumny i do nagłówka)

 Pisałam już o dodaniu obrazu do paska bocznego i do nagłówka strony. Zmienił się wygląd gadżetu Grafika podczas edycji, a więc jeszcze raz.

Dodanie obrazu/zdjęcia do bocznej kolumny

 

Kolejne kroki:

Blogger - dodanie do wpisu filmu/zdjęcia z Pinteresta

 Pinterest udostępnia kod osadzenia filmu, dzięki któremu pinterestowe video pojawi się w blogspotowym poście. Kod jest w języku html, ale żeby go skopiować, a potem wkleić nie są potrzebne żadne szczególne umiejętności.

 

 Pierwszy krok pokazałam na screenie poniżej:

 - będąc na stronie: Pinterest trzeba kliknąć na pin, który ma być udostępniony,

 - po kliknięciu na trzy kropki (z prawej strony obrazu) otworzy się okienko, w którym należy kliknąć na "Pobierz kod osadzenia Pina".

 

 W kolejnym oknie, które się otworzy ↓ można dokonać wyboru rozmiaru: mały, średni, duży, bardzo duży (dokładne wymiary są w kodzie, podkreśliłam je na czerwono);

 po wybraniu rozmiaru trzeba skopiować kod osadzenia (zaznaczyłam go zieloną ramką).

 Ze skopiowanym kodem przechodzimy do Bloggera, do tekstu, w którym ma się pojawić film.

Blogger - ustawienie obok siebie zdjęć w poście

 Pod jednym z tekstów pojawiło się pytanie w komentarzu: czy można dodać w tekście zdjęcia obok siebie, nie tworząc  kolażu? Tak. Można to zrobić.
- Należy postawić kursor w miejscu, w którym ma znaleźć się pierwsze zdjęcie; kolejny krok: dodać zdjęcie - jeśli Blogger ustawi je na środku, trzeba je przesunąć w lewą stronę i zmniejszyć, jeżeli jest zbyt duże (Blogger domyślnie ustawia rozmiar, musi być miejsce dla kolejnego obrazu); po dodaniu obrazu poniżej ↓ zmniejszyłam go do rozmiaru "mały".

 

 

 

- Obok dodanego zdjęcia (z prawej strony)

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) - 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) - 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 ↓.