A robi się to w bardzo prosty sposób. Przetestowałam na 3 różnych modelach. Możecie je sobie ode mnie pobrać. A jeżeli zajrzycie do mnie w następnym tygodniu, to postaram się “wyprodukować” nowe (do pobrania). Serdecznie zapraszam. Choć oczywiście możecie zrobić to sobie sami w taki oto sposób.
Grafiki (darmowe) i na przeroczystym (transparentym) tle znajdziecie np na stronach:
Iconfinder i The blog designer network To te w pierwszej linii, tyle że przewymiarowałam je do wielkości 50 pikseli. A poniżej czyli druga, trzecia i czwarta linia to już moja radosna twórczość (jak najbardziej do Waszej dyspozycji). Jeżeli coś z poniższego zestawu Wam się podoba to możecie oczywiście pobrać (bez szczypania się. Ikonki są przewymiarowane do 50 pikseli.
Ale żeby nie przedłużać: Jak przygotować wymarzone ikonki?
Uruchamiamy Picmonkey, Wchodzimy w Design. Tu wybieramy sobie “Transparent Canva”, czyli przezroczyste tło, na którym będziemy pracować.
To tło ma kwadratową formę – taka idealnie nadaje się pod ikonki. Niemniej pamiętajcie, że pózniej trzeba będzie te ikonki przewymiarować (zmniejszyć) korzystając z opcji RESIZE.
Teraz przygotowujemy sobie matrycę pod nasze ikonki, czyli tą wymarzoną ich formę, czy kolorek. I tu wchodzimy do Overlays (ikonka przedstawiająca motylka). Ja wybrałam ikonki geometryczne, a z nich (banalnie) kółko, no i taki pastelowy kolorek (chyba jestem romantyczką). Ale Wy możecie tu poszaleć i pobuszować ile dusza zapragnie. Czemu by nie kwadratowa matryca i inny odlotowy kolor. Dodatkowo na planszy, na której ustawiacie kolory, macie opcję Fade, czyli możecie wycieniować Wasz kolorek.
Kiedy mamy przygotowaną matrycę, to możemy skorzystać z gotowych ikonek (ja pobrałam je i wrzuciłam powyżej ze stron Iconfinder i The blog designer network), ale możecie rownież nadpisać Wasze znaki (np t dla Twittera, P dla Pinterestu, Bloglovin) korzystając z opcji T (tekst).
Jedna ważna uwaga: zapiszcie sobie Waszą matrycę (golusienką). Jeżeli dodacie profile w innych mediach społecznościowych będziecie mogli spokojnie dorzucić nowe ikonki.
Zeby pobrać którąś z gotowych ikonek wybieramy opcję Overlays (motylek) i klikamy Your Own. Moja ikonka ma niebieski kolor, ale ja chcę zmienić go na biały. Kiedy najeżdżam na nią pojawia mi się plansza , na której mogę modyfikować jej kolory, a także je wygaszać (Fade).
Teraz rozciągamy naszą pobraną ikonkę tak, by ustawiła się pośrodku przygotowanej przez nas matrycy. Dlatego lepiej na samym początku nie przewymiarowywać nasze ikonki. Dlatego, że trudno nam będzie potem pracować na czymś tak maciupkim.
Teraz, gdy mamy wszystkie ikonki dobrze je sobie przewymiarować np korzystając z opcji Resize (w Pickmonkey znajdziecie ją w podstawowych opcjach czyli pierwsza ikonka od gory) lub jakiegokolwiek innego proframu graficznego.
Teraz wchodzimy do Bloggera, otwieramy nowy post, przełączamy się na tryb HTML i pobieramy nasze ikonki. W ten sposób ustawią nam się one w jednej linii.
Wybieramy pobierz i następnie na Dodaj wybrane.
Teraz po to, by ikonki ustawiły się nam w jednej linii klikamy na brak wyrównania i (skoro je przewymiarowaliśmy) wybieramy ich oryginalny rozmiar.
Po załadowaniu ikonek przełączamy się na tryb pisania tekstu (ikonka Nowy post). Naszym oczom ukazuje się listwa ikonek. Teraz kolejno pod każdą z nich podklejamy link do naszego profilu w danym medium społecznościowym. Jest to bardzo proste: najeżdżamy na wybraną ikonkę (tak że będzie podświetlona) i klikamy u góry na ikonkę link. Tam wklemy odpowieni adres URL.
Wklejamy link w ten właśnie spsoób.
Teraz, gdy wszystkie nasze ikonki są odpowiednio podlinkowane przełączamy się ponownie na tryb HTML i pobieramy (kopiujemy Ctrl C) kod całości. Ten kod możemy wkleić sobie w dowolnym miejscu na naszej stronie. W tym celu przechodzimy do Układ, dodaj gadżet, wybieramy gadżet HTML/Java Script i tam wklejamy nasz kod. W ten sposób możemy wkleić nasze ikonki w panelu bocznym, czy nad obszarem nadpisywania postu lub także pod każdym kolejnym wpisem.
A jeżeli Wam się przydało, to znajdziecie mnie w wielu różnych miejscach. No i oczywiscie możecie w nich mnie polubić (postaram się Wam zrewanżować tym samym).
Pozdrawiam serdecznie Beata
O rety skąd Ty to wszystko znasz.
skorzystam 😉
Dziekuje 🙂 na pewno skorzystam:)
Właśnie stworzyłaś najbardziej przystępny tutorial na temat social buttons! Już skorzystałam, zrobiłam sobie serwetkowe ikonki do bloga o szydełkowaniu 🙂
robiłam to inaczej a tu proszę, jaki ciekawy pomysł.
Robisz bardzo przejrzyste in instrukcje.
Super 🙂 Nic tylko brać się do roboty 😀
Wow nieźle się napracowałaś 🙂 Ja skorzystałam z gotowych, ale muszę powiedzieć, że Picmonkey to rewelacyjny wynalazek i też korzystam z niego, jeśli chcę stworzyć cokolwiek na bloga 🙂
Kochana jesteś :))))
Ciekawa strona, nie znałam jej wcześniej. Nie trzeba pobierać dodatkowo żadnych programów na dysk, można stworzyć własną ikonę online, to się chwali. 🙂
świetna instrukcja 🙂 Od razu chce się coś zrobić <3
Świetnie opisane, dziękuję 🙂
Super kochana ! Dużo mi pomogłaś, dziękuję ! :**
Od kiedy dostałam od czytelniczki komentarz z pytaniem, gdzie może mnie obserwować, zastanawiam się nad stworzeniem strony na fb lub instagramie. Kiedy już się do tego przekonam, post na pewno bardzo mi się przyda! 🙂
Dziękujemy ! Od wielu tygodni zastanawiałyśmy się jak wstawić taki gadżet. Wżyciu byśmy nie pomyślały że to takie łatwe ! Bardzo nam pomogłaś 🙂
niesamowicie przejrzyste masz instrukcje, ratowałaś mnie przy przeniesieniu bloga na domenę 🙂
Jesteś wspaniała! Długo przybierałam się do wstawienia ikonek na bloga, ale nie wiedziałam jak się do tego zabrać. Dzięki Twoim radom już je mam – dziękuję! 🙂
Super i bardzo pomocne dziękuję.
http://www.rozenksiazek.blogspot.com
Jejku! To chyba 6 tutorial jaki przerabiam. Ciągle coś mi nie wychodziło, a teraz w końcu ikonki wyglądają tak jak ja chcę i są tam gdzie chcę 🙂
Fajnie, że opcja stworzenia jest do zrobienia w formie postu, który już mi jest w miarę bliski i przyjazny 😉
Serdeczne dzięki
Dzięki Ci za ten wpis Beato i za udostępnianie ikonek! Wykorzystam Twoje ikonki z nr 2, są idealne! <|:^*
Rewelacja! Dziękuję bardzo, wytłumaczone idealnie, nawet taka ofiara losu jak ja sb poradziła! :))