Krok 1

Uzyskaj dostęp do Bloggera za pomocą swojego adresu Gmail i hasła. Wybierz bloga, który chcesz edytować, z listy blogów.

Krok 2

Kliknij "Edytuj HTML" u góry ekranu, aby uzyskać dostęp do edytora HTML. Tutaj zamierzacie wprowadzić zmiany. Wykonaj kopię zapasową szablonu przed wprowadzeniem zmian i kliknij "Pobierz pełny szablon" u góry ekranu. Przechowuj go w bezpiecznym miejscu, takim jak folder "Pobieranie" lub "Pulpit".

Krok 3

Naciśnij i przytrzymaj klawisz "Ctrl" i klawisz "F" na klawiaturze, aby otworzyć pole wyszukiwania. Wyszukaj "nagłówek-opakowanie" i kliknij przycisk "Dalej". Blogger podświetli słowa na zielono, aby ułatwić dostęp. W zależności od używanego projektu Bloggera kod "Otoki głowy" może wyglądać tak:

header-wrapper {

background: #ffffff url (http: // imageaddress); wysokość: 375 pikseli; szerokość: 1000px; margin: 0 auto 0px; border: 0px solid $ bordercolor; }

Krok 4

Zwróć uwagę, że "owinięcie nagłówka" ma wysokość i szerokość. Zmień wysokość i szerokość, aby dopasować rozmiar nagłówka. Jeśli więc twój nagłówek ma 900 pikseli szerokości i 200 pikseli wysokości, zmień odpowiednio kod.

Krok 5

Zapisz zmiany i sprawdź swoją witrynę. Obserwuj i sprawdź, czy twój nagłówek jest mniejszy niż zewnętrzna część twojego projektu, czy też jest zbyt duży. Jeśli jesteś zadowolony ze swojego wyglądu, możesz zignorować następny krok.

Krok 6

Wróć do "Edycji HTML" swojego projektu i wyszukaj "Outer-wrapper". Powinieneś zobaczyć coś takiego:

outer-wrapper {

szerokość: 1000px; margin: 0 auto; wypełnienie: 0px; granica: 2px ciało stałe # 696CB3; tło: # E6ECF7; text-align: $ startSide; czcionka: $ bodyfont; }

Krok 7

Upewnij się, że szerokość "Outer-wrapper" pasuje do szerokości twojego nagłówka, jeśli chcesz idealnie dopasować. Ustaw szerokość "Outer-wrapper" 900 pikseli, jeśli obraz nagłówka ma 900 pikseli szerokości. Zmień wysokość "Out-wrapper", jeśli dolna część nagłówka znika z powodu paska nawigacji lub głównej zawartości bloga.

Krok 8

Zapisz zmiany i sprawdź swojego bloga. Upewnij się, że rzeczy są poprawnie ustawione, zanim przejdziesz dalej. Załaduj wcześniej zapisany szablon, jeśli nie jesteś zadowolony ze zmian; w przeciwnym razie zapisz szablon ponownie, jeśli będziesz musiał później wprowadzić zmiany w kodzie HTML.