Miętowy poradnik #2: Ikonki społecznościowe

I tak minął już kolejny tydzień szkoły. Bardzo jest mi przykro z powodu, że nie mogę blogować dla Was już tak często jak w wakacje i ze smutkiem w oczach patrzę jak statystyki pikują w dół. Nie jestem do końca pewna, czy jest to spowodowane moją zmniejszoną aktywnością, czy tym, że Wy też oczywiście macie szkołę? W dzisiejszym "Miętowym Poradniku" chcę zapoznać Was ze sposobem umieszczenia na blogu ikonek społecznościowych w pasku stron, do którego stworzenia instrukcję znajdziecie TUTAJ. Zapraszam do pracy!

 

1. Na sam początek wybieramy ikonki społecznościowe, które chcemy umieścić na swoim blogu, np. na tej stronie (klik). Ustawiamy wybraną przez Was wielkość ikonki. Następnie klikamy prawym klawiszem myszy na znalezionej ikonce i wybieramy "Kopiuj adres obrazka" lub "Kopiuj adres URL grafiki".

2. Następnie wchodzimy w Układ → Dodaj gadżet → HTML/JavaScript

Tam wpisujemy odpowiednie kody widoczne na obrazku. Aby dodawać kolejne ikonki powtarzamy kod zaznaczony czerwonym kolorem.

 3. Aby przenieść ikonki na pasek stron musimy skorzystać z kodu CSS. Dla zapominalskich w tym poście KLIK! znajduje się instrukcja jak znaleźć pole do kodów CSS. Używamy poniższego kodu:

#HTML1 {position: fixed; top: 8px; right: 30px ; z-index: 5000; }

Musimy na samym początku sprawdzić jakiego selektora użyć, czyli jaka cyfra ma stać po "#HTML". Wpisujmy różne cyfry aż w końcu trafimy na dobry gadżet HTML.

Następnie w zależności od tego, czy chcecie, by ikonki poruszały się razem z paskiem stron zostawiacie część zaznaczoną na miętowo. Jeżeli wolicie, by normalnie znajdowały się w wybranym miejscu - usuwacie tę część.

Kolejnym krokiem jest wybór miejsca. Zmieniacie dowolnie cyfry przy pikselach.

Możecie również zmienić stronę, na której mają znajdować się ikonki 

right: prawo  left: lewo  center: środek

Ostatnim krokiem jest zmiana widoczności naszych ikonek. Możecie wpisywać tam dowolną cyfrę. Proponowałabym dużą ilość zer, by ikonki nie schowały się gdzieś pod paskiem stron ;)