Jak dodać ikonki społecznościowe, do stron/menu Bloggera

wtorek, 13 września 2016


Instrukcja dla tych, co nie lubią grzebania w kodzie. Pokażę Wam jak dodać łatwo ikonki społecznościowe do naszego menu/stron za pomocą Font Awesome. Wszystko będzie odbywało się w układzie naszego bloga, po za jednym elementem, który będziemy musieli wrzucić w kod, ale, ale nie będziemy musieli grzebać w szablonie, bo wszystko będzie ma wyciągnięcie ręki.

1.  Przechodzimy do szablon - edytuj kod HTML - i NAD <head> wklejamy:

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

2. Przechodzimy na stronę Font Awesome (KLIK) i wybieramy nasze ikonki społecznościowe (otwórz je w oddzielnych kartach)

3.Przechodzimy do układ - dodaj gadżet - strony lub jeśli mamy już gadżet strony klikamy edytuj.

4. Pojawi nam się nowe okno. Teraz musimy wybrać dodaj link zewnętrzny.


Otworzy nam się kolejne okno, które musimy uzupełnić w następujący sposób:

a. Przechodzimy do strony Font Awesome


Na koniec zapisujemy nasz gadżet. Efekt końcowy:


10 komentarzy:

  1. Oj, okropnie nie lubię grzebania w kodach. W ogóle nie mam do tego głowy. Przyda mi się do remontu bloga, który już niedługo :)

    OdpowiedzUsuń
  2. super! w wolnym czasie wypróbuję ten kod u siebie. Pozdrawiam :-)

    OdpowiedzUsuń
  3. Przyznam, że swojego czasu męczyłam się z tym niesamowicie. Będę wiedziała gdzie wracać :)

    OdpowiedzUsuń
  4. Aaaa więc to tak się to robi :D Przydatne info :)

    OdpowiedzUsuń
  5. A jak zrobić, żeby ikonki były po prawej stronie i nie było między nimi dużej przerwy ? :)

    OdpowiedzUsuń
  6. W tym wypadku, nie da się tego zrobić

    OdpowiedzUsuń
  7. Linki działają, ale obrazki są niewidoczne :(. No szkoda.

    OdpowiedzUsuń
  8. Pomoże ktoś totalnie nie wiem jak to sie robi :(

    OdpowiedzUsuń
  9. Rafał Jan Kowalski12 lutego 2020 23:04

    Robię wszystko według instrukcji i mam kwadraciki. Czy komuś z Was też tak się zrobiło?

    OdpowiedzUsuń
  10. Kwadraciki będą, ponieważ instrukcja jest oparta na starej wersji Font Awesome, wpis zostanie zaktualizowanych, ale niestety, bloga prowadzę sama i nie dam rady w ciągu jednego dnia zaktualizować ok. 100 wpisów z instrukcjami ;)

    OdpowiedzUsuń

W razie pytań/pomocy przy pobranym szablonie: tworczynotatnik@gmail.com

Copyright © Twórczy notatnik