13 wrz 2015

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 ;)

100 komentarzy:

  1. Świetny poradnik, trzeba skorzystać ;) http://fooxieblog.blogspot.com/

    OdpowiedzUsuń
  2. Bardzo fajny, przydatny post :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Uwielbiam Twoje poradniki :) są mega przydatne!
      (klik) Mój blog!

      Usuń
  3. super poradnik :) przydatny bardzo
    klikniesz w moim najnowszym poscie?

    http://fashionelja.pl

    OdpowiedzUsuń
  4. Ciekawe, dużo kombinowania :D Ja dopiero ogarnęłam jak wstawić Insta :D

    p a u l y n n e x - klik!

    OdpowiedzUsuń
  5. Ikonki zawsze można gdzieś dodać do jednego z widgetów i po prostu podlinkować. Dobre byłyby też zdjęcia pokazujące co ten kod dokładnie robi i gdzie umieszcza ikonki, bo osoby totalnie nieogarniające css/html mogą mieć z tym problem. Też miałam, mimo, że trochę już w tym siedzę. Problem może być też taki, że osoba X ma po prostu szablon ściągnięty z internetu i te kody mogą się właśnie mieszać lub nie działać, bo autor ma własne oznakowania, więc warto o tym wspomnieć.

    http://oczyoutsidera.blogspot.se/ klik

    OdpowiedzUsuń
  6. ostatnio szukałam takiego poradnika i proszę ZNALAZŁAM ;)


    obserwuje i zapraszam do siebie
    http://poprostunataliaa.blogspot.com/

    OdpowiedzUsuń
  7. Świetny poradnik, ja akurat wczoraj skończyłam "pracę" nad nowym designem bloga :)
    http://marrie-blog.blogspot.com/

    OdpowiedzUsuń
  8. swietny poradnik! prosze o takich wiecej! przyda mi sie! z reszta nie tylko bo innym też :)

    http://alexwberry.blogspot.com/ u mnie post o tym ''czy mozna kogoś uszczesliwić na siłe?"

    OdpowiedzUsuń
  9. Dzięki za bardzo przydatny poradnik! :)

    http://malowane-roza.blogspot.com/

    OdpowiedzUsuń
  10. Ooo bardzo przydatny poradnik szczególnie dla mnie :)

    Nowy post! Official Patty :)

    OdpowiedzUsuń
  11. Ale super! Potrzebowałam tych wskazówek a Ty je napisałaś. Super!

    <a href="http://mietowyzeszyt.blogspot.com/2015/09/plastyk-jak-wyglada-na-codzien.html''> Trochę o plastycznej szkole w MIĘTOWYM ZESZYCIE klik </a>

    OdpowiedzUsuń
  12. W końcu ktoś zrobił poradnik jak przesunąć ikonki społecznościowe! Dziękuję! Na pewno skorzystam! :D

    http://justdaaria.blogspot.com/

    OdpowiedzUsuń
  13. Bardzo fajny pomysł, ale na razie nie zamierzam eksperymentować z szablonem, może kiedyś...

    Pozdrawiam,
    wlesiemarzen.blogspot.com

    OdpowiedzUsuń
  14. jest tyle sposobów... :D
    również zauważyłam spadek statystyk, ale to przez to, że bardzo mało mnie na blogu ;)
    krysiastyle.blogspot.com- klik!

    OdpowiedzUsuń
  15. Bardzo lubię takie posty, zawsze się czegoś można nauczyć :)

    smallerdream.blogspot.com

    OdpowiedzUsuń
  16. Ten poradnik spadł mi z nieba <3 Dziękuję :* :))

    OdpowiedzUsuń
  17. Poradnik bardzo przydatny! Już wcześniej znałam te kody! :*

    PIANKAOFSTYLE.BLOGSPOT.COM-KLIK!

    OdpowiedzUsuń
  18. Bardzo przydatny post!


    22-ffashion.blogspot.com - klik :)
    https://www.youtube.com/watch?v=dvplKVDhWus

    OdpowiedzUsuń
  19. SUuper poradnik, co prawda ja wiem jak to sie robi, ale moze sie przydac innym :)
    patrycja-paulina.blogspot.com-KLIK

    OdpowiedzUsuń
  20. Fajny poradnik,
    trochę to skomplikowane, ale da się zrozumieć :)

    Pozdrawiam i zapraszam do siebie ;)
    Dreamerka Blog (klik)

    OdpowiedzUsuń
  21. świetny poradnik :D

    true-less.blogspot.com

    OdpowiedzUsuń
  22. Robiłam to w troszkę inny sposób, ale ta opcja, którą przedstawiasz też jest spoko :)) Wydaje mi się, że statystyki idą w dół, bo to my nie mamy czasu na czytanie tych wszystkich blogów:) Wiem coś o tym ;)
    Buźka, Kinga ;*

    OdpowiedzUsuń
  23. O ten poradnik z pewnością przyda mi się za jakiś czas, by trochę odświeżyć wygląd bloga. ;)
    http://bgrenda.blogspot.com/

    OdpowiedzUsuń
  24. Bardzo przydatny post :)

    www.kiercia.blogspot.com

    OdpowiedzUsuń
  25. Świetna porada! <3

    zapraszam:
    http://sosnowskaphoto.blogspot.com

    OdpowiedzUsuń
  26. Przydatny post! :) Bardzo mi pomogłaś :)
    Wygląd Twojego bloga mi się BARDZO podoba *.*

    Mogłabyś poklikać w linki w najnowszym poście? Byłabym bardzo wdzięczna! IMMHFashionBlog(klik)

    OdpowiedzUsuń
  27. Jak na razie przeczytałam bardzo pobieżnie, więc niewiele zrozumiałam, ale zajmę się tym, jak będę miała nieco więcej czasu, bo już od jakiegoś czasu chciałam wstawić sobie takie ikonki. W każdym razie, jeśli będę mieć jakieś pytania, to dopytam :)

    claudine-bloog.blogspot.com --> MÓJ BLOG
    KANAŁ NA YT

    OdpowiedzUsuń
  28. Świetne rady, szczególnie dla tych "zielonych' w dodawaniu ikonek i css, czy html :)

    OdpowiedzUsuń
  29. Śliczne zdjęcie! :) Mam do ciebie pytanie, w jakim programie robiłaś nagłówek? :)

    ♥MÓJ BLOG KLIK♥

    OdpowiedzUsuń
  30. Wreszcie mój problem zniknął :)

    http://natuuuu-blog.blogspot.com/

    OdpowiedzUsuń
  31. Świetny post ;)
    Zapraszam do mnie:
    swiatany.blogspot.com

    OdpowiedzUsuń
  32. Świetny i przydatny post :)
    http://foxyladyme.blogspot.com

    OdpowiedzUsuń
  33. Jak zawsze swietny poradnik :D

    http://mikijiu.blogspot.com

    OdpowiedzUsuń
  34. Ooo, super przyda się! :)


    JAK PRZETRWAĆ ROK SZKOLNY? POKLIKASZ? Kliknij tutaj
    GOŚCIE NA BLOGU! Kliknij tutaj

    OdpowiedzUsuń
  35. Bardzo przydatne :)
    Ja dodawałam te ikonki korzystając chyba z innego sposobu :)

    live-telepathically.blogspot.com kliik

    OdpowiedzUsuń
  36. super poradnik, dzięki ;)

    Pozdrawiam i życzę miłego dnia :)
    Anru,

    OdpowiedzUsuń

  37. PS: Follow for follow? I always follow back! Let me know!

    Izabell │my diary/klik/

    OdpowiedzUsuń
  38. Kiedyś szukałam tego kodu, hah. Teraz mam akurat szablon pobrany, ale jakbym chciała sama takowy wykonać to na 100% skorzystam z tego postu :)

    ONLYMERY55.BLOGSPOT.COM

    OdpowiedzUsuń
  39. O przydatny post !:)
    Klikniesz w linki w nowym poście będę wdzięczna ;)

    OdpowiedzUsuń
  40. Bardzo przydatny post, ale i tak nie zrozumiałam "niestety", muszę obejść się bez tego. =D
    Wpadnij w wolnej chwili: ✿caroberry.blogspot.com✿.
    Pozdrawiam! ^^

    OdpowiedzUsuń
  41. Wpis z pewnością przyda się wielu osobom

    OdpowiedzUsuń
  42. Beautiful photos and I love love love your style of writing! Keep it up!

    Môj BLOG /KLIK/

    PS: Follow for follow? I always follow back! Let me know! ♥

    OdpowiedzUsuń
  43. Dzięki za rady!Dopiero zaczynam karierę blogową, więc każda wskazówka jest dla mnie ważna :D

    Pozdrawiam <3 http://wpatrzona-w-niebo.blogspot.com

    OdpowiedzUsuń
  44. Świetny poradnik :) Na pewno się przyda!
    Klikniesz w linki w najnowszym poście: Mój Blog - klik! Byłabym bardzo wdzięczna! :)

    OdpowiedzUsuń
  45. Naprawdę świetny poradnik ;D
    I piękne zdjęcie <3.
    👉 Mój Blog 👈

    OdpowiedzUsuń
  46. bardzo przydatny poradnik :)
    pozdrawiam!

    LA DECADENCE

    OdpowiedzUsuń
  47. Świetny pomysł! Kiedy bede tego potrzebować na pewno skorzystam! ;)

    artistically-immediately.blogspot.com

    OdpowiedzUsuń
  48. Świetny poradnik, na pewno się przyda :)
    Mogłabyś kliknąć u mnie w poście w linki z ubraniami? :) MÓJ BLOG - KLIK

    OdpowiedzUsuń
  49. przydatny poradnik :D

    http://wkomenda.blogspot.com/

    OdpowiedzUsuń
  50. Przydatny tutorial! :D Właśnie planuję zmianę wyglądu na blogu, ale sama jeszcze nie wiem dokładnie, jakbym chciała, żeby wyglądał, ale widget z ikonkami na pewno się przyda! ;)

    Mój blog- ultradefenceless

    OdpowiedzUsuń
  51. Super poradnik, ja niedawno zrobiłam takie ikonki przez jakąś stronkę :3

    OdpowiedzUsuń
  52. Super wytłumaczyłas wszystko bo wydało sie takie łatwe teraz :)

    Nowy post! Official Patty :)

    OdpowiedzUsuń
  53. Bardzo fajny poradnik :)
    pozdrawiam cieplutko :)) 
    woman-with-class.blogspot.com

    OdpowiedzUsuń
  54. Super poradnik, ja często głowiłam się jak ustawić te ikonki haha :)

    Nowy post na Wicked Woonderland! (klik)

    OdpowiedzUsuń
  55. Post bardzo przydatny!:)

    lifeasmarta.blogspot.com

    OdpowiedzUsuń
  56. świetne rady, na pewno z nich skorzystam bo planuję zmienic wygląd bloga ♥
    zapraszam do mnie Mój Blog - klik!

    OdpowiedzUsuń
  57. Oj cieszę się, że takie poradniki powstają, bo w ten sposób możesz pomóc niektórym ludziom :) Genialny pomysł!
    Arleta!

    OdpowiedzUsuń
  58. Fajny poradnik ;D Fajny blog,będę zaglądać częściej ;D

    http://jabluszkooo.blogspot.com/

    OdpowiedzUsuń
  59. Genialny blog!Bardzo podoba mi się twój nowy post, zaglądałam tu już pare razy. Gratuluje pomsłów :) Spodziewaj sie mnie tu czesciej!;) Posty są naprawde świetnie napisane. Zapraszam do siebie u mnie nowy post!:)
    http://ultraviolence-design.blogspot.com/
    Równiez licze na obserwacje i komentarz :)
    + KLIKNIJ W TEN LINK!
    +KLIKNIJ W TEN LINK!
    KLIKNIJ W TEN LINK!
    +poklikasz u mnie w linki ?
    PROSZE O KLIKNIECIE W TYM POSCIE ZIELONEGO NAPISU " SHEIN " , "Exclusiveshopping" i " BORN PRETTY" DZIEKUJE! :)
    http://ultraviolence-design.blogspot.com/2015/09/w-modzie-nie-chodzi-o-spogladanie-wstecz.html#comment-form/

    Zapraszam do polajkowania mojego fanpage na facebooku! Licze na Ciebie ;)
    mój fanpage! kliknij tutaj

    http://ultraviolence-design.blogspot.com/

    OdpowiedzUsuń
  60. kiedyś jak mi się znowu zachce grzebać w kodach to skorzystam, więc dodam sobie do zakładek haha
    ♡ jestebatmane ♡

    OdpowiedzUsuń
  61. Kiedy masz w planach kolejny post. ?
    Co powiesz na wspólną obserwację. ?? Zapraszam serdecznie do mnie nowy post
    staram się o współpracę z pewną firmą z branży modowej, byłabym niezmiernie wdzięczna jeśli poklikałabyś w linki do ubrań w moim najnowszym poście i skomentowała pod nim jeśli to zrobiłaś. Umożliwi mi to współpracę z nimi. Z góry pięknie dziękuję :*
    http://nicole-500.blogspot.com

    OdpowiedzUsuń
  62. Super zdjęcia! Zapraszam do mnie: life-that-inspired.blogspot.com

    OdpowiedzUsuń
  63. Rok szkolny to chyba dla każdej blogerki ciężki czas. Trzeba pogodzić i bloga i naukę przez to blog najczęściej idzie na drugi plan i rzadko jest na niego czas. Poza tym naukę oraz inne sprawy mają również czytelnicy, więc statystyki są mniejsze, nikt nie ma czasu. Ale trzeba to przetrwać! Co do postu.. bardzo przydatny :)
    Pozdrawiam!
    Zapraszam, w wolnym czasie :)

    OdpowiedzUsuń
  64. u mnie też statystyki spadły i zapewne jest to spowodowane jednym i drugim czynnikiem, jednak nie zapominajmy, że na blogosferze nie są tylko osoby, które chodzą do szkoły :P
    fajny tutorial, nie myślałam nad zrobieniem własnych ikion społecznościowych, ale wyglądałoby to o wiele estetyczniej ^^
    +mogłabym Cię prosić o kliki w linki w najnowszym wpisie? :*
    3maj się ^.*

    stylowana100latka.blogspot.com - KLIK

    OdpowiedzUsuń
  65. Beautiful photos and I love love love your style of writing! Keep it up!

    ●●●Môj BLOG /KLIK/●●●

    PS: Follow for follow? I always follow back! Let me know!

    OdpowiedzUsuń
  66. Bardzo przydatny poradnik kochana;) Cieszę się, że rozwijasz się, a widze odkrywasz coraz to nowsze horyzonty!

    OdpowiedzUsuń
  67. Bardzo ładny design bloga :) Śliczne zdjęcie! :)

    BLOG PRZENIESIONY: ♥MÓJ BLOG KLIK♥

    OdpowiedzUsuń
  68. Przydatne, na pewno wiele osób skorzysta.
    /meainsolita.blogspot.com

    OdpowiedzUsuń
  69. ZAPRASZAM NA KONKURS! :)
    http://pineapple3443.blogspot.com/2015/09/konkurs.html

    OdpowiedzUsuń
  70. Dzięki wielkie :) Takiego postu długo szukałam!

    OdpowiedzUsuń

*Każdy komentarz mile widziany.
*Obraźliwe wypowiedzi zostaną usunięte.
*Jeżeli blog Ci się spodobał - zaobserwuj.
*Nie odpowiadam na LBA, choć dziękuję bardzo za wszelkie nominacje ;)