8 kwietnia 2014

Tutorial "Jak dodać ruchome ikonki społecznosciowe"


Hey, hey !

Tak jak obiecałam dziś pokażę Wam krok po kroku jak wstawić ruchome ikonki społecznościowe na naszego bloga. Mam nadzieję, że tutorial będzie pomocny oraz przede wszystkim zrozumiały. 


Krok 1

Na początku wchodzimy w UKŁAD po lewej stronie.



Krok 2

Klikamy DODAJ GADŻET



Krok 3 

Wybieramy HTML/JavaScript



Krok 4


W wyznaczone miejsce wklejamy następujący kod




Krok 5

Uzupełnij elementy (LINK DO STRONY oraz LINK DO IKONKI) linkami i gotowe !




Warto wiedzieć !

Kody

Jeżeli chcesz dodać więcej ikonek to pod ostatnim



wklej kod:



Jeżeli chcesz, żeby ikonki wyświetlały się jedna pod drugą to po każdym



wklej



Ikonki

Duży wybór ikonek jest na stronie https://www.iconfinder.com/. Gdy już wybierzecie ikonę to musicie skopiować adres URL grafiki i wkleić go w miejsce przeznaczone na LINK DO IKONKI



W razie jakichkolwiek pytań możecie do mnie pisać na ten adres e-mail: pohika@op.pl

32 komentarze:

  1. Bardzo przydatny ;) Ile ja się kiedyś tego naszukałam żeby takie zrobić ^^
    Pozdrawiam ^ ^
    pusta-szklanka.blogspot.com

    OdpowiedzUsuń
  2. To może być bardzo przydatne :D
    Pozdrawiam ;*

    Miśka
    misiayou97.blogspot.com

    OdpowiedzUsuń
  3. Ciekawy blog. Zapraszam do mnie.
    Męski blog o modzie i lifestyl'u.

    http://gabriel-data.blogspot.com/

    Obserwacja za obserwację?
    Zaobserwuj, zobaczę zrobię to samo!
    Tylko przypomnij w komentarzu.
    www.gabriel-data.blogspot.com - KLIK

    OdpowiedzUsuń
  4. Zapewne pomogłaś dużo osobą, dzięki tej instrukcji :)

    OdpowiedzUsuń
  5. Bardzo przydatny post :D
    http://mzmzycie.blogspot.com

    OdpowiedzUsuń
  6. Dość przydatny post, chociaż i te nieruchome ikonki są fajne :)
    nataa-liiaa.blogspot.com

    OdpowiedzUsuń
  7. Dziękujemy bardzo! Naprawdę dla wielu jest to bardzo pomocne. :))

    Zapraszam na konkurs!
    http://monlly-blog.blogspot.com

    OdpowiedzUsuń
  8. Super, że dodałaś taką notkę! Jak znajdę czas to to zrobię :)
    maania-blog.blogspot.com

    OdpowiedzUsuń
  9. Super tutorial wykorzystam.Jesteś bardzo empatyczna
    i życzliwa.Dziekuję i pozdrawiam.

    OdpowiedzUsuń
  10. super, dodam to też z czasem ;)

    http://lapacz-snow-honii.blogspot.com/
    http://honii-loving-the-sun.blogspot.com/

    OdpowiedzUsuń
  11. http://cuelin.blogspot.com/2014/04/sheinside.html
    Hej! Klikniesz w linki do ubrań w poście? Bardzo mi zależy!
    Mogę się odwdzięczyć :)
    http://cuelin.blogspot.com/2014/04/sheinside.html
    Co myślisz o wspólnej obserwacji? Jeśli tak to zaobserwuj a ja zrobię to samo!

    OdpowiedzUsuń
  12. masz świetnego bloga! świetny post
    zapraszamy
    blondiebrownieblog.blogspot.com

    OdpowiedzUsuń
  13. Masz bardzo interesującego bloga. Może obserwacja za obserwacje?
    http://skyshune.blogspot.com/

    OdpowiedzUsuń
  14. Pomocny post, przydatny;)
    magiczna-moda.blogspot.com

    OdpowiedzUsuń
  15. Dziękuję na pewno kiedyś skorzystam :)

    www.truskawkowapatii.blogspot.com

    OdpowiedzUsuń
  16. Właśnie ide na mojego bloggera i wyczajam jak to się robi ! Myślę, że sobie poradze!
    skorka-pomaranczy.blogspot.com

    OdpowiedzUsuń
  17. Dziękuję bardzo za taki tutorial, zawsze chciałam mieć takie ikonki na moim blogu. Jeszcze raz dzięki, idę zaraz to wypróbować! <3
    Pozdrawiam, zapraszam do mnie. <3
    www.megmyfashion.blogspot.com

    OdpowiedzUsuń
  18. przydatny post, aczkolwiek nie jestem jakąś wielką fanką ruchomych ikonek! :)

    http://claud-cloud.blogspot.com/2014/04/first-vlog-ever.html
    VLOG - https://www.youtube.com/watch?v=jGA5lDJrB5Q

    OdpowiedzUsuń
  19. Dziękuje za tutorial. Myślę, że może mi się przydać w przyszłości.

    ❀ yumi-yumi-chan.blogspot.com ❀

    OdpowiedzUsuń
  20. Na pewno skorzystam <3

    http://weronika-lifestyle.blogspot.com/

    OdpowiedzUsuń
  21. Fajny post :)
    http://sandraaa-blog.blogspot.com/

    OdpowiedzUsuń
  22. Wspaniały post, na pewno przydadzą mi się twoje rady a co mi się najbardziej podoba ?
    To że wszystko jest idealnie po kolej wyjaśnione widać że włożyłaś w to dużo pracy
    Mogę prosić o kliknięcie w linki,proszę to dla mnie bardzo ważne jeśli klikniesz daj znać a postaram się odwdzięczyć np obserwację lub komentarzem :)
    pozdrawiam
    http://klaudiaandclauudia.blogspot.com/2014/04/spring-must-haves.html#comment-form

    OdpowiedzUsuń
  23. ♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡
    świetny post! widać, że wiesz o czym piszesz :) wpadłam przypadkiem, ale na pewno zostaję na dłużej :)

    http://jugii.blogspot.com
    a może wspólna obserwacja? :) Jeśli mnie zaobserwujesz to napisz a ja się zrewanżuje:* obs=obs
    ♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥♡♥ :DD.

    OdpowiedzUsuń
  24. JA JUŻ OBSERWUJE TERAZ TWOJA KOLEJ ZAPRASZAM


    http://kinga-kingaa2500.blogspot.com/

    OdpowiedzUsuń
  25. bardzo pomocne, na pewno się przyda :D


    http://inqu-ribbon.blogspot.com/

    OdpowiedzUsuń
  26. fajnie tu ;) ciekawie piszesz
    http://magdalenka99.blogspot.com/2014/04/replay.html całkiem nowiutka notka :)) zapraszam do zobaczenia, ponadto każdy komentarz i obserwowanie jest odwzajemniane ;)

    OdpowiedzUsuń
  27. Przydatna notka!

    Zapraszam: by-lolka.blogspot.com
    U mnie na blogu Sheinside Giveaway! :)

    OdpowiedzUsuń
  28. Strasznie mi pomogłaś, od dłuższego czasu tego szukałam! dzięki ♥

    OdpowiedzUsuń