Jak dodać CSS w Blogger-zrozumienie CSS w Blogger

chcesz dodać fajne efekty do swojego bloga, takie jak Upadek śniegu, czcionki 3D, neonowe teksty, cienie pudełek lub chcesz przenieść projekt bloga na wyższy poziom, a następnie wystarczy wstawić kilka linii niestandardowego CSS do swojego bloga. CSS, co to jest? CSS jest znany jako kaskadowy arkusz stylów, który w prosty sposób służy do opisania wyglądu i stylu Twojego bloga lub innymi słowy służy do definiowania, w jaki sposób elementy HTML powinny być wyświetlane. Zanim nauczysz się o CSS lepiej jest wiedzieć o HTML. Istnieje mnóstwo zasobów na temat CSS i nawet początkujący może łatwo zrozumieć podstawowe elementy CSS, ale opanowanie go zajmie dużo czasu i praktycznej wiedzy.

CSS odgrywa najważniejszą rolę w upiększaniu elementów, a wszystkie szablony blogerów domyślnie będą miały swój własny kod CSS. W każdej chwili, jeśli chcesz jeszcze bardziej upiększyć projekt swojego bloga, możesz dodać niestandardowy CSS. W kilku naszych samouczkach blogera wspomnieliśmy o naszych odwiedzających, aby dodać kody CSS, na przykład spójrz na ten post, ale większość początkujących nie wie, gdzie dodać CSS. Większość z nich po prostu otwiera swoje pliki szablonów, znajduje tagi B:skin i w jakiś sposób w końcu psuje ich kody szablonów. Blogger umożliwia dodanie własnego niestandardowego CSS w template designer, który zastępuje domyślny kod CSS, aby uzyskać atrakcyjny wygląd bloga. Tutaj pokażemy Ci jak wstawić / dodać CSS w Blogger.

jak wstawić / dodać CSS w Blogger-zrozumienie CSS w Blogger

przed dodaniem CSS musisz napisać CSS, a przed napisaniem kodu stylu CSS musisz znaleźć selektory, dla których chcesz zmienić styl. Możesz skorzystać z narzędzi programisty przeglądarek, aby sprawdzić element, tutaj nie będziemy szczegółowo o tym. Na przykład wiesz o znacznikach h1, h2, H3, H4, h5 i h6 ogólnie i aby zmodyfikować te czcionki, możesz dodać CSS w ten sposób poniżej.

h1 {font-family: "Times New Roman", Times, serif;font-size: 15px;font-weight: bold;color: rgb(56, 77, 187)}

ale co zrobisz, aby zmienić układ strony, styl karty menu, linki, rodzinę czcionek, wyrównanie, tło lub kolor tekstu, gdy nie znasz klasy elementu. Tutaj musisz skorzystać z narzędzia programistów przeglądarek. Po prostu kliknij prawym przyciskiem myszy element, a następnie kliknij Sprawdź element, gdzie zobaczysz elementy po lewej stronie i CSS po prawej stronie. Zmień kod CSS i zobacz, jak Wyniki zmian, na przykład tutaj jest kod CSS dla karty menu, który znajdziesz inny na swoim szablonie.

.tabs-inner .widget li a:hover {color: #fff;background-color: #FF9900;text-decoration: underline;display: inline-block;padding: .6em 1em;font: normal normal 15px 'Trebuchet MS', Trebuchet, Verdana, sans-serif;border-left: 1px solid #ffffff;border-right: 1px solid #dddddd;}

za pomocą narzędzia inspect element możesz wyświetlić podgląd zmian CSS dla dowolnego elementu, a gdy uzyskasz pożądany wygląd, chwyć kod CSS i wykonaj go na swoim blogu.

stosowanie CSS w Blogger

istnieją dwa sposoby implementacji CSS w Blogger jeden polega na bezpośredniej edycji plików szablonów, a drugi najprostszą metodą jest użycie opcji Dodaj CSS w Blogger template designer.

Dodaj CSS za pomocą Blogger template designer

dodanie CSS tutaj jest najłatwiejszym i najbezpieczniejszym sposobem, ponieważ nie wpływa na podstawowe pliki szablonów. Oprócz dodawania niestandardowego CSS, Blogger template designer pozwala łatwo zmienić tło bloga, dostosowując szerokość, układ, style czcionek, kolory, obszar gadżetów, zawartość stopki itp.

• Zaloguj się na swoim blogu Blogger, przejdź do szablonów, a następnie kliknij Dostosuj
• teraz zobaczysz stronę Blogger template designer z 5 niektórymi opcjami
• kliknij opcję Zaawansowane, przewiń elementy podrzędne w dół, a następnie wybierz Dodaj CSS.
• następnie zobaczysz pole po prawej stronie i tutaj musisz dodać własny CSS.

Dodaj niestandardowy kod CSS powyżej, zobacz zmiany poniżej, a kiedy wszystko jest zrobione, kliknij “Zastosuj do bloga” na górze.

dodawanie CSS poprzez edycję szablonu Bloggera

innym sposobem zastosowania CSS jest bezpośrednia edycja podstawowego CSS lub dodanie niestandardowego CSS do pliku szablonu. Nie sugerujemy tej metody dla początkujących, ponieważ niewłaściwe użycie może doprowadzić do złamania szablonu. Więc przed dodaniem CSS przy użyciu tej metody należy wykonać kopię zapasową; oto jak wykonać kopię zapasową i przywrócić szablon Blogger.

• na pulpicie nawigacyjnym Bloggera przejdź do szablonu, a następnie kliknij Edytuj HTML
• teraz zobaczysz kody szablonów, wystarczy nacisnąć CTRL + F, aby wyszukać, a następnie wyszukaj <B:skin>
• rozwiń <b:skin> i zobaczysz CSS szablonu bloga.

czytaj także: Jak zrobić pełną kopię zapasową Blogger blog

rozpocznij edycję istniejącego CSS lub możesz dodać własny CSS, ale tutaj nie dostaniesz opcji podglądu, którą dostajesz w Blogger template designer. Po zakończeniu zapisz swój szablon.

mam nadzieję, że ten artykuł poprowadził cię do dodania CSS w Blogger. Zacznij upiększać swojego bloga i aby uzyskać więcej takich aktualizacji Subskrybuj nasze kanały RSS.