Jak wyświetlać pływające plakietki w Bloggerze

Plakietki na blogu bloga kierują czytelników na konta firmowe Twojej firmy. Znaczek na Facebooku pokazuje twoją liczbę fanów, widżet na Twitterze wymienia twoje najnowsze tweety, a każdy łączy czytelników z kontem zewnętrznym, aby mogli je śledzić w celu przyszłej aktualizacji firmy. Aby dopasować plakietki w Bloggerze, użyj właściwości float CSS. Własność float oddziela element od otaczającego go przepływu, umieszczając go na boku strony, niezależnie od sąsiedniego tekstu.

1.

Otwórz pulpit Twojego bloga. Kliknij nazwę bloga, aby otworzyć jego stronę przeglądu.

2.

Kliknij "Szablon", aby edytować szablon.

3.

Kliknij "Edytuj HTML", aby otworzyć kod szablonu.

4.

Przewiń do sekcji stylu szablonu, która podąża za linią "/ * Treść."

5.

Wpisz następujący kod, aby dodać nowy styl:

.float-badges {float: left; }

6.

Przewiń do kodu swojej odznaki. Na przykład początek kodu znaczka Facebooka może przypominać:

7.

Dodaj następujący kod przed plakietką:

8.

Dodaj następujący kod po plakietce:

9.

Kliknij "Zapisz".