Jak dodać ikonki społecznościowe?

Dzisiaj taki post na szybko, bo niedługo nie będę miała dostępu do internetu przez pewien czas. Wszystko przez przeprowadzkę, więc chciałam z góry Was uprzedzić, że może nie pojawić się prędko kolejny wpis. Postaram się jednak jak najszybciej napisać.


jak dodać ikonki społecznościowe na bloga, facebook, twitter, ask jak dodać na bloga

Ostatnio dostałam pytanie odnoście ikonek społecznościowych. Dziś szybko powiem jak je dodać.

Najpierw rzecz jasna potrzebne nam będą same ikonki. Osobiście często szukam ich na stronach typu Iconfinder, więc i dziś ją wykorzystam.

  Wchodzimy na wyżej podaną stronę i w wyszukiwarce wpisujemy jaką ikonkę chcemy znaleźć. Takich typu facebook i twitter jest dużo, jednak możecie mieś problem z np ikonką do ask.fm. Tutaj polecam poszukać np question itp. Wyskoczy wiele obrazków z pytajnikami, co moim zdaniem pasuje do tego portalu społecznościowego. Gdy wybierzemy już ikonkę z dostępnych darmowych wchodzimy na nią i wybieramy rozmiar, np 32x32. Gdy zmieni się rozmiar kopiujemy adres URL grafiki i zapisujemy gdzieś.

   Wracamy do bloggera, wchodzimy w Układ, a następnie dodajemy gadżet o nazwie HTML/JavaScript. Powinno otworzyć nam się okienko takie jak przy tworzeniu archiwum, o którym pisałam -> tu <-.

W puste pole wklejamy ten kod:

<a href="ADRES STRONY" target="_blank"><img src="LINK DO IKONKI"border="0" alt="Photobucket" /></a>

Następnie zmieniamy pogrubione napisy i zapisujemy. Ustawiamy gadżet tam gdzie być powinien i zapisujemy rozmieszczenie. Wyświetlamy bloga, aby sprawdzić czy wszystko jest ok i gotowe! Wystarczy wkleić odpowiedni kod i załatwione. Możecie zrobić tak z przeróżnymi stronami i obrazkami. Wszystko zależy od Was.


Prawda, że nie jest to trudne? 


Mam nadzieję, że wszystko jest zrozumiałe i każdy sobie z tym poradzi. 
Jeśli macie pytania zadawajcie je w komentarzach.




85 komentarzy:

  1. Fajne :)

    http://alex-faashion.blogspot.com/

    OdpowiedzUsuń
  2. Dziękuje. Włąśnie mam z tymi ikonkami problem
    U mnie konkurs! jaiswiatus.blogspot.com

    OdpowiedzUsuń
  3. Bardzo przydatny post! Wiele razy zastanawiałam się jak je dodać :)

    http://camille-and-camille.blogspot.com/

    OdpowiedzUsuń
  4. Post bardzo przydatny :) Ja jakiś czas temu to w internecie wygrzebałam ale sporo musiałam się naszukać xP Pozdrawiam ^^
    pusta-szklanka.blogspot.com

    OdpowiedzUsuń
  5. Przydatny post, ale muszę poszukać kogoś kto stworzy mi wygląd, bo teraz wolę sama nie rozwalać tego szablonu co mam obecnie..

    agnieszka-codziennosc.blogspot.com

    OdpowiedzUsuń
  6. bardzo dobry post :D ja na pewno skorzystam bo nie za bardzo wiedziałam jak to się robi :)

    miki-and-nessy.blogspot.com

    OdpowiedzUsuń
  7. Na prawdę bardzo przydatny post :)
    dreamsforeverx.blogspot.com

    OdpowiedzUsuń
  8. Bardzo przydatne. Jednak dla mnie to nadal jest czarną magia xd

    ¦ olusiek-blog.blogspot.com

    Obserwuję!

    OdpowiedzUsuń
  9. Przydatne ;D
    http://jagodzianka2002.blogspot.com/

    OdpowiedzUsuń
  10. Właśnie od tygodnia próbuję to wstawić na bloga, ale żadna ikonka mi nie pasuje. ^^ Jestem zdecydowanie zbyt wybredna. xD

    OdpowiedzUsuń
  11. Bardzo przydatne, na pewno skorzystam, bo akurat założyłam fanpage`a i muszę go dodać wreszcie na bloga jakoś inaczej niż zwykły napis ;)
    niuntis.blogspot.com

    OdpowiedzUsuń
  12. Pomogłaś mi, to czekam na następny post myślę, że szubko się pojawi :(
    http://natusia-natusiaa.blogspot.com/

    OdpowiedzUsuń

  13. ✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿
    Widzę, że włożyłaś dużo pracy w ten blog.
    Naprawdę mi się podoba :)
    Z niecierpliwością czekam na kolejne posty <3
    A może obserwacja za obserwację?
    Jeśli zaczniesz, na pewno się odwdzięczę :3

    http://kate-and-her-world.blogspot.com
    ✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿

    OdpowiedzUsuń
  14. Jest też łatwiejszy sposób z fajnymi efektami.
    Tutaj---> http://profilki.pl/dodatki/przyciski-spolecznosciowe

    Klikniesz z ciekawości? Wiem, że tego chcesz...

    OdpowiedzUsuń
    Odpowiedzi
    1. Tak, ale widzę, że nie ma wszystkich :)

      Usuń
  15. Fajny sposób, dzięki bo ja też miałam z tym problem ;d
    nataa-liiaa.blogspot.com

    OdpowiedzUsuń
  16. twoje porady są świetne, czy możesz podpowiedzieć jak skrócić boczny pasek z gadżetami, żeby nie leciał przez całą długość bloga, tylko się kończył na nich i jak go minimalnie oddzielić o postów tak jak to jest u ciebie. z góry dzięki za podpowiedź, pzdr Sylwia

    OdpowiedzUsuń
  17. Super! Dziękuje bardzo <3
    http://millusiaa.blogspot.com/

    OdpowiedzUsuń
  18. Wielkie dzieki, ze pomyslalas o innych piszac ten post. Ja wlasciwie postepowalam wedlug twojej rady niestety za kazdym razem pojawiaja mi się jakies bledy i komentarz:"Niestety, ten gadżet wygląda na uszkodzony.
    W tym gadżecie są błędy i nie można z niego korzystać do czasu ich poprawienia." Taki komentarz widze za kazdym razem kiedy chce zainstalowac ikonki portali socjalnych (nawet jak je pobieram z innych stron- mam ten sam komentarz). Czy możesz mi podpowiedziec co moge robic zle? Pzdr
    http://zawszemodnadama.blogspot.co.uk/

    OdpowiedzUsuń
  19. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  20. BARDZO DZIEKUJE! Na pewno uzyje u siebie ;)

    http://aarlenaa.blogspot.com/

    OdpowiedzUsuń
  21. Udało mi się, ale te ikonki zrobiły mi się na takim siwym pasku, który mi się bardzo nie podoba, czy da się coś z tym zrobić?

    OdpowiedzUsuń
  22. Mi się nie udaje ;c Wyświetla mi się na blogu tylko link do ikony...

    OdpowiedzUsuń
  23. Śliczny blog, posty też ciekawe, będę wpadać częściej!
    A ty do nas?
    Review-cousins.blogspot.com

    OdpowiedzUsuń
  24. Super!! http://ladyginewra10.blogspot.com/

    OdpowiedzUsuń
  25. u mnie nie działa :( pomożesz ? :/

    OdpowiedzUsuń
    Odpowiedzi
    1. U mnie też jest tylko napisane Photobucket i z innej strony wzięłam ale wole z tej a nie działa :C

      Usuń
    2. Dziewczyny, a dobrze kopiujecie adres do ikonki? Powinien to być bezpośredni link do niej i zazwyczaj kończący się na jakieś .png, .jpeg czy coś w tym stylu :) Najlepiej sprawdzić to wchodząc w ten link. Jeśli będzie sama ikonka i nic poza tym, to oznacza, że jest dobry :)

      Usuń
  26. bardzo przydatny post, ale kurcze i tak mi sie nie udało ; /

    OdpowiedzUsuń
  27. bardzo przydatne, dzięki Tobie szybko i bez problemu udało się :) swoją drogą to bardzo ciekawy dizajn bloga

    OdpowiedzUsuń
  28. Bardzo dziękuję. Pomogłaś mi, tak długo się nad tym męczyłam a tu okazuje się że rzeczywiście nie jest to takie trudne.

    OdpowiedzUsuń
  29. Świetny post, bardzo przydatny!
    Zapraszam do mnie może spodoba sie wam mój blog
    http://atomeblog.blogspot.com/

    OdpowiedzUsuń
  30. Wszystko działa, tylko czy wiesz może, jak zrobić, by po najechaniu na ikonkę podświetliła się na swój kolor, np fb na niebiesko, google + na czerwono. Z góry dziękuję za pomoc!

    OdpowiedzUsuń
  31. dzieki! Zaraz tak zrobie :) zapraszam do mnei www.eveningcandle.blogspot.com

    OdpowiedzUsuń
  32. Bardzo przydatny wpis ;) polecam i zapraszam do siebie : http://bezznieczuleniaxo.blogspot.com/

    OdpowiedzUsuń
  33. z nieba mi spadłaś!!
    Dziękuję,
    baardzo początkująca :)

    OdpowiedzUsuń
  34. Dzięki Ci! Nareszcie mi się udało :D

    OdpowiedzUsuń
  35. Pięknie dziękuję:) dopiero zaczynam przygodę z blogiem i te wskazówki bardzo mi się przydały:) przy okazji zapraszam na swojego bloga http://czerwonapoziomkaa.blogspot.com/

    OdpowiedzUsuń
  36. Dzięki za pomoc. Przy okazji, jeśli ktoś interesuje się Włochami i językiem włoskim, zapraszam na mojego nowego bloga http://pol-ita.blogspot.com/

    OdpowiedzUsuń
  37. Nie dziala ;c
    dzinamojeszczescie.blogspot
    .com
    Pozdrawiam

    OdpowiedzUsuń
    Odpowiedzi
    1. Może chodzi o źle skopiowany adres ikonki? Jeśli nie to możesz napisać do mnie, a postaram się pomóc z tym :)

      Usuń
  38. Kocham cię napradę bardzo dziękuję , tylko mogła byś mi pomóc gdyż dodała mi sie tylko 1 ikonka ale 2 juz nie mogę :(

    OdpowiedzUsuń
    Odpowiedzi
    1. Jasne! Tylko możesz do mnie napisać na maila lub gg? Na pewno Ci pomogę i rozwiążemy problem :)

      Usuń
  39. Kurcze, nadal mam z tym problem bo nie chce mi się na blogu wyświetlić ikonka.. eh, będę musiała się do kogoś zwrócić o pomoc bo jestem w tym zielona :D Mimo to, świetny post, dzięki :)
    http://zuzu-zuzannaxx.blogspot.com/

    OdpowiedzUsuń
  40. zawsze czytam wszystkie posty

    http://skrytawsobie.blogspot.com/

    OdpowiedzUsuń
  41. Witam, mam problem z tymi ikonkami - nie wczytują się na blogu ? Wszystko robię według instrukcji, więc raczej nie popełniam żadnego błędu, z czego może wynikać ten problem ?

    Pozdrawiam, Basia

    OdpowiedzUsuń
  42. Dziękuję za podpowiedź. Bezcenne dla mnie były słowa - gadżet o nazwie html/javascript:)

    OdpowiedzUsuń
  43. Dzięki wielkie, wszystkie wskazówki są cenne przy moim raczkującym blogu ;-)

    nasz-zaczytany-swiat.blogspot.com

    OdpowiedzUsuń
  44. Mega przydatny post, a oto efekty mojej pracy:) http://czerwonapoziomkaa.blogspot.com/ . Z pewnością zawitam jeszcze nie jeden raz na Twojego bloga:) dziękuję!!!

    OdpowiedzUsuń
  45. A w puste pole to znaczy gdzie ? :)
    ewaskoczen.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. Jak dodajesz gadżet HTML/JavaScript to wyskakuje okienko, gdzie należy wkleić ten kod :)

      Usuń
  46. Cudowna jesteś, dziękuję za te wskazówki :D U mnie już ikonki są :)

    OdpowiedzUsuń
  47. Bardzo przydatny post! Choć miałam niewielkie problemy, jakoś dałam radę :) Wytłumaczone naprawdę spoko (y) :3
    rena-uchiha.blogspot.com

    OdpowiedzUsuń
  48. Swietny post, odwiedzałam Twoją stronę już setki razy, ale za nic nie mogę dodać ikonek ze strony, którą polecasz... zdjęcie ikonki zapisuje mi się na pulpicie, ale nie potrafię pobrać kodu... Czy to ten, który wyświetla się na górze? Wklejałam go w java/script, ale na blogu wyświetlał mi się tylko ten kod... Mam ikonki pod każdym postem, ale jak je aktywować? Będę wdzięczna za pomoc... Pozdrawiam cieplutko;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie zapisuj na pulpicie tylko otwórz je w nowej karcie (adres powinien kończyć się na .png .jpeg itp i na stronie powinna być tylko i wyłącznie ikonka), a potem wklej link do tej nowej karty z ikonką w miejsce linku do ikonki :)

      Usuń
    2. Dzięki;) Może mi się uda;)

      Usuń
  49. U mnie podobnie jak u dziewczyn zamiast ikonki pojawia się napis: Photobucket. Czy możesz polecić inne podobnie strony z ikonkami?

    OdpowiedzUsuń
  50. Bardzo dziękuję za ten post :) Jesteśmy początkujące i dopiero się uczymy xd Pozdrawiamy :*

    http://julietteandmerry.blogspot.com/

    OdpowiedzUsuń
    Odpowiedzi
    1. A ja nie mogę w ogóle utworzyć gadżetu. Co zrobić? Pisze że zła domena :(

      Usuń
  51. mam pytanko ,jak dodalas ta ikonke u gory ktora pojawia sie w karcie? (ta z "b") Prosze o pilna odpowiedz,z gory dziekuje:) odpowiedz np w komentarzu u mn na blogu albo tutaj;0
    http://plaguee.blogspot.com/

    OdpowiedzUsuń
  52. mam pytanko ,jak dodalas ta ikonke u gory ktora pojawia sie w karcie? (ta z "b") Prosze o pilna odpowiedz,z gory dziekuje:) odpowiedz np w komentarzu u mn na blogu albo tutaj;0
    http://plaguee.blogspot.com/

    OdpowiedzUsuń
    Odpowiedzi
    1. To po prostu favikona. Wystarczy wejść w Układ i po lewej na samej górze będzie do zmiany :)

      Usuń
  53. Bardzo przdatne!! Dziekuje:)

    Zapraszam do zagladniecia http://fotolab-rogorz.blogspot.de/

    OdpowiedzUsuń
  54. Super swietny i przede wszystkim prosciutki sposob ! nawet dla mnie - kompletnego laika i nowicjuszki jesli chodzi o blogowanie ;)
    Dziekuje Ci bardzo kochana! teraz bede mogla spac spokojnie! ;) :P Mission accomplished! Yupiee! :D

    OdpowiedzUsuń
  55. Dziękuję, wytłumaczone przejrzyście, bardzo mi się przydało :)

    OdpowiedzUsuń
  56. Szukałam mnóstwo tutoriali jak zrobić te ikonki i trafiłam na Twojego bloga! Bardzo mi się przydał Twój post! Dziękuję <333

    OdpowiedzUsuń
  57. Dziękuje, bardzo mi pomogłaś! :)
    http://frazeologizmastrall.blogspot.com/

    OdpowiedzUsuń
  58. super przyda się ;) zapraszam do mnie dopiero zaczynam ;)

    ewbloguje.blogspot.com

    OdpowiedzUsuń
  59. jak klikam na ikonkę to nie odnosi mnie do mojego instagrama, dlaczego? :(

    OdpowiedzUsuń
    Odpowiedzi
    1. A link jest dobrze skopiowany i wklejony?

      Usuń
  60. genialny post super blog ! obserwuje
    brajank.blogspot.com

    OdpowiedzUsuń
  61. Dziękuję, działa idealnie ;)

    http://lucy--chan.blogspot.com/

    OdpowiedzUsuń
  62. Bardzo dziękuję :) Przydatne i dobrze objaśnione.

    CROWDED DREAMS

    OdpowiedzUsuń
  63. dzięki wielkie!!!!!! zajebiście wyjaśnione i pomogło <3

    OdpowiedzUsuń
  64. dziękuję bardzo za ten post! Nie masz pojęcia jak bardzo mi pomógł :D W końcu udało mi się dodać do swojego bloga ikonki społecznościowe!

    Zapraszam również do siebie, dopiero powoli się rozkręcam :)
    My life, my choice

    OdpowiedzUsuń
  65. ja chyba mam problem
    nie działa mi, mogłabyś zobaczyć ?
    http://pysznoscijoasi.blogspot.com

    OdpowiedzUsuń
  66. Naprawdę przydatne informacje.
    Dziękuję i zapraszam:

    http:://fireonrain.blogspot.com/

    OdpowiedzUsuń
  67. Świetny post i bardzo przydatny :D
    Pozdrawiam :* http://felicja-bookaholic.blogspot.com/

    OdpowiedzUsuń

Komentować może każdy. | Brak weryfikacji obrazkowej.
Komentarze, gdzie będzie przeważał spam będą usuwane.

Copyright © 2017 Borenium - Books and good tea , Blogger
|| Dostosowanie: Klaudia