Tutorial - Jak umieścić etykietę na blogu?

Ten post miał się pojawić dopiero jutro jednak widzę, że tak na prawdę powinien tu być już od dawna. Na jutro więc przygotuje coś innego ^^. Ten tutorial czy też jak kto woli instrukcja w prosty sposób tłumaczy jak umieścić na swoim blogu etykietę/plakietkę i jak poradzić sobie z najczęstszymi problemami które mogą przy tym wystąpić. Jeśli macie jakieś pytania lub coś jest nie jasne to piszcie w komentarzach :)

Jak wrzucić etykiety na bloga?

1. Wchodzimy w ustawienia bloggera -> układ

2. Wybieramy 'Dodaj gadżet' w kolumnie w której ma znajdować się etykieta i dodajemy gadżet zdjęcie:

3. Wybieramy etykietę z komputera lub z innego miejsca w internecie wpisując jej adres.

Co jest lepsze?

- Etykieta z komputera zapisuje się w pamięci naszego bloga i będzie widoczna tak długo aż jej nie usuniemy lub nie usunie się bloga. Zajmują jednak odrobinę miejsca w pamięci bloga która wynosi na chwile obecną tylko 1GB (można to zwiększyć za dopłatą)

- Etykieta z adresu (Adres zdobywamy klikając na dowolną etykietę z tego bloga i wybierając 'kopiuj adres URL grafiki'. Mamy go wtedy w pamięci komputera i możemy go wkleić w formularzu dodawania gadżetu. Pamiętaj jednak by używać etykiet darmowych lub takich do których masz zezwolenie autora!) nie zajmuje nam miejsca jednak może zniknąć gdy osoba od której wzięliśmy adres usunie ją lub usunie bloga.

4. Gotowa etykietę ustawiamy w wybrane miejsce.

Rozwiązywanie problemów

1. Gdy próbuje zapisać gadżet bez tytułu wyskakuje błąd.

W takim wypadku wystarczy zamiast tytułu wpisać <!-- -->

2. Etykieta po wgraniu na bloga ma białe tło i cień a powinna być przezroczysta.

Większość szablonów blogera dodaje domyślnie takie parametry do wszystkich obrazków. Aby to ominąć należy wejść w ustawienia bloggera -> szablon -> dostosuj i z opcji zaawansowanych wybrać ostatnią tzn. 'dodaj własny arkusz CSS'. W polu które nam się pojawi po prawej stronie wklejamy:

.Image img, .BlogList .item-thumbnail img {
padding: 0px;
background: none;
border: none;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
}

Po wklejeniu tekstu zapisujemy zmiany.