Jak dodać obrazek obok tytułu posta? Kody CSS na bloga.

Mały obrazek obok tytułu posta możemy łatwo dodać przy pomocy kodów CSS. Jest to bardzo proste, a w ciekawy sposób urozmaica wygląd naszej strony.

Przede wszystkim potrzebujemy grafiki o odpowiedniej wielkości, dobieramy ją w oparciu o rozmiar czcionki naszego tekstu. Ważne, aby obrazek miał przezroczyste tło, jeśli kiedyś będziemy chcieli zmienić tło naszego bloga. Grafikę umieszczamy w dowolnym serwisie hostującym. Będziemy potrzebowali adresu URL naszego obrazka.

Gdzie wpisujemy kody CSS? 

Wchodzimy w Układ > Projektant Szablonów > Zaawansowane > Dodaj arkusz CSS: 

Tutaj możemy wpisać gotowe kody CSS. Pamiętajcie aby przy wklejaniu kodu zrobić spacje i ją zlikwidować, ewentualnie kliknąć Enter i backspace. Mówiąc prosto program musi "załapać" zmiany.

1.Dodanie obrazka przed tytułem posta
.post-title:before{content: url(ADRES URL OBRAZKA);}

1.Dodanie obrazka przed i za tytułem posta
.post-title:before,
.post-title:after{
content: url(ADRES URL OBRAZKA);}

1.Dodanie obrazka nad tytułem posta
.post-outer:before
{content: url(ADRES URL OBRAZKA);}

Jak widzicie dodanie obrazka obok tytułu posta jest bardzo łatwe. Kody będą przydatne dla użytkowników blogspota.