Jak dodać gotowe kody na bloga?

Osoby początkujące mają zazwyczaj problem z wklejeniem gotowego kodu na bloga. Albo wiedzą gdzie wkleić kod, ale niestety on im nie działa. Czasami nawet nie szukają rozwiązania, tylko od razu mówią, że dana instrukcja jest błędna, źle napisana, albo napisana niezrozumiale.
Ostatnio stworzyłam ankietę i spotkałam się w niej z takimi pytaniami, a raczej pomysłami na instrukcje:
Jak wkleić gotowy kod?
Gdzie wkleić gotowy kod?
Czemu dany kod nie działa?
Wpisuję kody, ale nie działają, pisz je bardziej zrozumiale.

Może od początku...
Po pierwsze musisz wiedzieć że kodów nie wkleja się byle gdzie, więc jeśli wkleisz je gdzie popadnie - mogą nie zadziałać, a nawet mogą coś zepsuć.

Gotowe kody można dodawać w bloggerze w 3 różnych miejscach. Można bawić się w wersji rozszerzonej, czyli HTML. Tam możesz wrzucać (pisać) zarówno kody HTML, CSS oraz JavaScript.. Oczywiście haczyk jest taki, że kody nie mogą być wpisane/wklejone gdziekolwiek.. Ale to już całkiem inna bajka, i opiszę to w innej instrukcji. Jeśli jednak chcesz się dowiedzieć czegoś o HTML'u zapraszam TUTAJ.

Kody można dodać również jako gadżet. Tak zazwyczaj dodajemy wszelkie odsyłacze, np. do Facebooka, czy YT. Jak to zrobić?
Wejdź w układ swojego bloga > dodaj gadżet > HTML/JavaScript > Wpisz gotowy kod i zapisz...



Wszelkie kody CSS, możemy umieszczać w odpowiedniej strefie, którą blogger nam wyznaczył. Wchodzimy w:
Szablon > Dostosuj > Zaawansowane > Dodaj arkusz CSS



Po drugie musisz wiedzieć, że każdy element na Twoim blogu ma odpowiednią, wyjątkową dla siebie nazwę, która poprawnie zwana jest selektorem. Natomiast dany selektor ma odpowiednią właściwość. A ta właściwość odpowiednią wartość. Ale więcej o tym możesz przeczytać TUTAJ.

Kiedy kopiujesz jakiś kod - upewnij się, że jest on dobrze napisany. Nawet jeśli w kodzie zabraknie jednego średnika - kod nie będzie działał jak należy. Dlatego tak ważne jest aby dany kod wpisywać poprawnie. Czasami to nie sam kod jest źle napisany, a po prostu ma wpisany niepoprawny selektor, czyli nazwę elementu.

Kiedy chcesz zmienić wygląd stron/kart na blogu wpisujesz zazwyczaj kod:
#PageList1 li a:link, #PageList1 li a:visited { 
display: block;
background:
#000000;
font-size:
10px;
color:
#ffffff;
text-align:
center;
}
Okazuje się jednak, że na blogu nic się nie zmienia i nagle powstaje problem. Bo ktoś napisał źle kod, bo ktoś nie wie co jest nie tak, bo po prostu nie działa, a miał działać! Ale może na Twoim blogu strony/karty nie mają nazwy #PageList1, a #PageList2, a może #PageList3, a może nawet .tabs-inner... Jeśli jesteś naprawdę początkującą osobą - nie zauważysz tego, ale jesteś tylko człowiekiem, człowiek nie jest idealny, i czasami warto zapytać, poszukać odpowiedzi. Nie od razu świat zbudowano... nie od razu wymyślono kody i nie od razu powstał internet :P

PS. Piszę kody najbardziej zrozumiale jak potrafię. Staram się wszystko tłumaczyć najprościej i najdokładniej, ale nie jestem jedyną osobą, która pisze dla Was instrukcje. Jeśli je rozumiesz - cieszę się bardzo i będę pisać je dalej, dla Ciebie i innych. A jeśli nadal niczego nie rozumiesz to może po prostu poszukaj na innych blogach. Może inna osoba będzie pisać jaśniej ode mnie. No nic, każdy pisze jak potrafi i jeśli rozumiesz mój przekaz to naprawdę dziękuję - to mnie motywuje do dalszych działań ;)

Brak komentarzy:

Prześlij komentarz