DESIGN, TUTORIALE

Jeszcze prostszy sposób na zrobienie ikonek mediów społecznościowych.

Ikonki mediów społecznościowych do pobrania
Ikonki mediów społecznościowych do pobrania

Ikonki mediów społecznościowych do pobrania

https://www.facebook.com/vademecumblogerahttps://twitter.com/HARDASKAhttps://plus.google.com/113589991481358500540/postshttp://www.pinterest.com/hardaska/

Dzisiaj będzie krótko, bez zbędnych wstępów: o tym, jak w bardzo prosty sposob przygotować ikonki mediów społecznościowych, a następnie wstawić je w panelu bocznym i pod kolejnym wpisem.
Wykorzystamy tu bardzo prostą technikę, którą możemy zastosować w wielu innych sytuacjach do tzw mapowania np celem stworzenia ozdobnej list kategorii  czy stron na blogu i wstawienia jej w panelu bocznym.

Same ikonki mediów społecznościowych  (tzn bez statystyk) choc cieszą oko, nie są aż tak bardzo przydatne. Dlatego myślę, że najlepszym rozwiązaniem w tym zakresie jest skorzystanie z Add This. Narzędzie to przysyła raz na tydzien wyczerpujące statystyki odnośnie tego, co na naszej stronie jest najczęściej klikane czy lajkowane. A to wspaniała wskazówka odnośnie tego, jakich wpisów (z jakiego zakresu) oczekują i lubią nasi czytelnicy.

Ale zanim rozpędzę się z pisaniem wstępów, znacie mnie, lepiej od razu ugryzę się w język, inaczej zrobi się z tego tasiemiec.

Tym razem proponuję Wam skorzystanie z zestawów ikonek ze strony Iconfinder (własciwie, to możecie je wziść ode mnie tutaj, przewymiarowałam je do wielkości 40 na 40 pikseli).

Iconfinder picons-social

Iconfinder New-Social-Media-Icon-Set

 

Iconfinder social-circle

Iconfinder softwarefx

 

Iconfinder social-papercut

 

Ikonki mediów społecznościowych do pobrania

Iconfinder, czyli ikonki mediów społecznościowych do pobrania.

Na stronie Iconfinder znajdziemy ikonki zarówno płatne, jak i bezpłatne. Mamy tu całkiem spory wybór tych ostatnich. Gdy zdecydujemy się na dany zestaw, pobieramy z niego kolejno potrzebne nam ikonki i zapisujemy je u siebie na komputerze. Żeby zapisać ikonkę po prostu klikamy na nią prawym przyciskiem myszki i wybieramy zapisywanie.

ikony do pobrania, ikonki mediów społecznościowych do pobrania

Teraz musimy przewymiarować nasze ikonki, tak by pasowaly do naszego paska bocznego. Warto pamiętać o tym, że im więcej wybierzemy ikonek (w zalezności od tego, do ilu mediów typu Facebook, Twitter, Pinterest, Google +, Instagram itp chcemy wysyłać naszych czytelników), tym bardziej będziemy musieli je ścisnąć.

Ikonki na Iconfinderze są zapisane w formacie 128 px * 128 px. Te, które widzicie u mnie zostały przewymiarowane do 40 px.

ikony do pobrania, ikonki mediów społecznościowych do pobrania
 

Ikonki mediów społecznościowych na Bloggera.

Następnie wchodzimy do Bloggera i otwieramy nowy wpis (posłuży nam jako brulion). Teraz pobieramy do niego kolejno nasze ikonki (zapisane na komputerze).
 

ikony do pobrania, ikonki mediów społecznościowych do pobrania

 Teraz będziemy musieli ustawić nasze ikonki w jednej linii.W tym celu po prostu musimy skasować odstępy pomiędzy nimi. Zwróćcie przy tym uwagę, by okienko Link (u góry nad postem)  nie było podświetlone.

ikony do pobrania, ikonki mediów społecznościowych do pobrania

Gdy nasze ikonki są odpowiednio ustawione, klikamy w pierwszą ikonkę. Podswietla nam się opcja Link. Dodajemy link do naszego profilu w odpowiednim medium społecznościowym.

ikony do pobrania, ikonki mediów społecznościowych do pobrania

 Nasze ikonki są już odpowiednio podlinkowane. Teraz musimy pobrać kod HTML całości i gotowe.

ikony do pobrania, ikonki mediów społecznościowych do pobrania

Celem uzyskania ich kodu HTML klikamy w okienko HTML nad treścią wpisu. Zaznaczamy całość i kopiujemy kod.

ikony do pobrania, ikonki mediów społecznościowych do pobrania

Aby dodać naszą listwę ikonek społecznościowych w panelu bocznym musimy pobrać w tym celu gadżet HTML/Java Script. Dlatego wchodzimy w Układ, dalej Dodaj gadżet i wyszukujemy okienko z HTML/Java Script (i wklejamy do niego pobrany kod HTML).

ikony do pobrania, ikonki mediów społecznościowych do pobrania

I  gotowe.

Jeżeli dodatkowo chcemy dodać tak przygotowaną listwę pod każdym kolejnym (przyszłym) wpisem, tak by przypomnieć o nich (i o ich polubieniu) naszym czytelnikom udajemy się do Ustawien, Posty i komentarze,  Szablon posta. I tam wklejamy pobrany kod HTML.

ikony do pobrania, ikonki mediów społecznościowych do pobrania

A teraz na próbę otwórzcie nowy post. Nasze ikonki powinny tam już być. Moze warto przy tym pomyśleć o wpisaniu zdania typu: Jeżeli pomoglam, polub mnie na, czy znajdziesz mnie na….

ikony do pobrania, ikonki mediów społecznościowych do pobrania
 
Pozdrawiam serdecznie. No i oczywiście równie serdecznie zapraszam do “polubienia” któregoś z moich profili.
Pozdrawiam serdecznie
Beata
 
https://www.facebook.com/vademecumblogerahttps://twitter.com/HARDASKAhttps://plus.google.com/113589991481358500540/postshttp://www.pinterest.com/hardaska/

 

Zapisz się na newsletter i pobierz darmowy ebook: TWOJA MARKA NA INSTAGRAMIE

O AUTORZE

Jestem blogerką, emigrantką, poczwórną mamą. Kobietą, która nie jednego w życiu doświadczyła, z niejednego pieca jadła chleb.

Od prawie 20 lat mieszkam na emigracji we Francji, w Paryżu.

Uważam, że emigracja to dobra szkoła życia i wymagająca, choć bardzo skuteczna lekcja pokory. Ale też wewnętrznej siły i zdrowego dystansu do samego siebie i momentami wystawiającej nas na próby codzienności.

Jestem tu po to, by pomóc Ci lepiej pisać, skuteczniej docierać do czytelnika, wywołać większe zaangażowanie w social mediach. Czasami rozśmieszę lub zmotywuję.

Ale równolegle do Vademecum Blogera jestem autorem kilku niezależnych miejsc w sieci.

Ponieważ wiele osób pyta się mnie, jak mimo 4 ciąży i 40 - stki na karku udało mi się zachować linię nastolatki, uruchomiłam kanał na YouTube o zdrowym gotowaniu - bezglutenowo - bezmlecznie.

Znajdziesz mnie również na blogu BeataRed.com i powiązanym z nim Instagramie, gdzie piszę bardziej osobiście o Paryżu i mojej pasji, jaką jest nauka języka francuskiego.

A jeżeli interesują Cię praktyczne porady o tym, jak budować swoją obecność w sieci zapraszam na mój kanał na You Tube z blogowymi tutorialami.

(36) Komentarzy

  1. Super zrobiłam swoje 1 ikonki 🙂

  2. Ja na razie zostawiam jak jest, bo ostatnio zabrało mi dużo pracy upiększanie bloga, teraz chcę trochę popisać dla odmiany 😉 Jak tylko nadrobię zaległości, ruszę te ikonki. Lubię te Twoje łopatologiczne wskazówki nawet dla laików (którym wciąż jestem) 😀

  3. Beatka jak zawsze pomocna 🙂 Dzięki za ten post na pewno się przyda 🙂

  4. Dziękuję bardzo za ten artykuł. Wstyd się przyznać ale nawet nie wiedziałam, że coś takiego jak Iconfinder istnieje 🙂 Już sobie zapisałam – będę jednam miała problem z ich aplikacją gdyż ja mam strony na wordpresie. Ale może dam radę

  5. Nie używam tego programu, ale tutorial na pewno przyda się wielu osobom. 🙂

  6. Tego było mi potrzeba, dziękuje, na pewno niebawem skorzystam z Twoich porad 🙂

  7. dobra robota 🙂
    ja na razie robię przerwę w upiększaniu bloga ;))

  8. Bardzo fajnie wyjasnione:) Ja co prawda nie robilam swoich, ale skorzystalam z gotowych i wlasnie dodalam je na swojego bloga kulinarnego, gdzie do tej pory ich nie bylo 😉

  9. napracowałaś się przy tym poście! muszę się przyjrzeć tej wtyczce AddThis, co prawda jestem zadowolona z moich ikonek społecznościowych, ale zaciekawiła mnie ta możliwość śledzenia statystyk, co kto lubi czytać najbardziej. to cenna wskazówka:)

  10. Właśnie zastanawiałam się nad umieszczeniem takich ikonek, zostawiam sobie Twój post w liście ‘do wykonania’ na później 🙂 Dzięki! 🙂

  11. Beata bardzo dziękuję, nareszcie zwalczyłam te ikonki dzięki Twojemu postowi:) Nawet nie wiesz jaką mam z tego radochę:) Pozdrawiam ciepło.
    http://www.whiteconceptshirt.blogspot.com

  12. Dziękuję bardzo za jasny przekaz, zmobilizowałaś mnie i zrobiłam u siebie ikonki społecznościowe :))))

  13. Super post! Udało mi się dodać ikonki! Dziękuję!!!!

  14. nareszcie mam i ja! Dzięki 🙂

  15. Zrobione 🙂
    Wielkie dzięki 🙂

  16. Od paru dni ostro wzięłam się za wygląd bloga i Twoje posty niesamowicie mi pomogły Beata, dziękuję bardzo!

  17. Dzięki za pomoc w wstawieniu ikonek na swoim blogu:) Szczerze mówiąc długo szukałam jak to zrobić, aż w końcu znalazłam twoją stronkę 🙂 dzięki, dzięki, dzięki 🙂 a tak poza tym świetne masz porady i na to wychodzi, że chyba częściej będę do ciebie zaglądała 🙂 pozdrawiam

  18. Biję pokłony, chylę czoło! Wreszcie opisane wszystko w jasny, przejrzysty sposób, z obrazkami, jestem po prostu zachwycona! 🙂 Ogromnie dziękuję raz jeszcze!

  19. Wygooglowałam ten post i bardzo się cieszę, bo instrukcja prosta do zrobienia i działa 😀 Dziękuje 🙂

  20. horenxi says:

    Świetny post i przydatny,tylko nie wiem czemu dodając trzy ikonki i wchodząc na jedną z nich zawsze przekierowuje mnie do facebooka 🙁 Pozdrawiam

  21. Agnieszka K. says:

    Łatwiej się nie da! Wielkie dzięki! Bardzo pomocny post 🙂 Pozdrawiam 🙂

  22. Bardzo dobra i naprawdę najłatwiejsza instrukcja 🙂 a w dodatku wszystko super działa.

  23. Magda Wyjechana says:

    Pewnie słyszałaś to wiele razy, ale JESTEŚ BOSKA! Dzięki :*

  24. Kaja says:

    Jejku! Jesteś najlepsza! Przeszukałam chyba cały Internet, jak dodać te ikonki, i tylko twój sposób był, nie tylko skuteczny, jaki i prosty i bardzo ładny! Dzięki :*

    Ps. Zapraszam na mojego bloga, https://www.blogger.com/blogger.g?blogID=7663804557869283071#overview/src=dashboard 😉

  25. Monika says:

    Najlepsza pomoc jaką znalazłam! 🙂 Dziękuję

  26. FashionSecretGarden says:

    Dziękuję! :*

  27. Diana Tomczyszyn says:

    Dzięki za pomoc w końcu mam co chciałam 🙂 Bez stresu 🙂

  28. Dziękuję 🙂

  29. Dzięki Tobie Beato czuję się prawie hakerem ;), nie sądziłam ,że jestem w stanie zrobić sobie sama ikonki 🙂
    Teraz mam pytanie, czy możesz podzielić się wiedzą jak ustawić ikonki w jednej linii z nazwami stron, nie wiem czy dobrze to nazywam. Załączam zdjęcie z mojego bloga , na którym właśnie widać mój problem. Moje ikonki są pod spodem, a chciałabym ,żeby były obok tytułów stron.

  30. Kamila Gwizdak says:

    Pięknie dziękuję! Super prosty tutorial a jak cieszy! <3 <3 <3

  31. Dziękuję! Jak zawsze świetne rady prostym językiem z i obrazkami 😉

  32. sabrooowska96 says:

    Bardzo, bardzo dziękuję szukałam tego dosłownie wszędzie :*

  33. Fan says:

    Jak zawsze bardzo solidnie napisany post, po raz kolejny utwierdziłaś mnie że muszę tutaj częściej zaglądać 🙂
    likelife.pl

  34. Znowu mi pomogłaś:):) Pozdrawiam.

  35. Anka Firanka says:

    Udało się 😉

  36. Basiek says:

    Super przydatny post, dzięki!

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *