Jak samodzielnie przygotować ikonki mediów społecznościowych?

O tym, że warto mieć na blogu ikonki mediów społecznościowych chyba nikogo nie będę musiała przekonywać. Sama ostatnio przeglądam zaprzyjaznione blogi w poszukiwaniu ikonki Instagramu. Jako świeżo upieczona Instagramowiczka (całe 4 dni na Instagramie, a jak spamuję – uczciwie ostrzegam) – szukam kogo by tu jeszcze poobserwować. 
Co prawda ikonek do przygarnięcia (czyli do bezpłatnego pobrania) w sieci błąka się wiele. Ale pal diabli minimalizm – od przybytku głowa nie boli. Choć nie zawsze to, co możemy znalezć w sieci współgra z tym, co sobie wymarzymy, z naszą koncepcją artystyczną całości, z naszym wyczuciem estetycznym czy po prostu z kolorem, który rozgościł się u nas na blogu. Co w takim wypadku zrobić?

Dlatego chciałam zaproponować Wam prosty pomysł na zrobienie własnych ikonek społecznościowych. A co … korzystając z ogólnie dostępnego programu Picmonkey (darmowy  i on line) i dostępnych w sieci grafik.

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.

1.  

  2.  

  3.  

  4.

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

Opublikowany przez BEATA REDZIMSKA

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.

Dołącz do rozmowy

21 komentarzy

  1. 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 🙂

  2. 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! 🙂

  3. 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ę! 🙂

  4. 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

  5. Rewelacja! Dziękuję bardzo, wytłumaczone idealnie, nawet taka ofiara losu jak ja sb poradziła! :))

Dodaj komentarz

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

Nowość - KURS - Twój pierwszy produkt online - 39,99 PLN + VAT Odrzuć

Exit mobile version

Fatal error: Uncaught wfWAFStorageFileException: Unable to verify temporary file contents for atomic writing. in /home/beatared/public_html/vademecumblogera.pl/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php:51 Stack trace: #0 /home/beatared/public_html/vademecumblogera.pl/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php(658): wfWAFStorageFile::atomicFilePutContents('/home/beatared/...', '<?php exit('Acc...') #1 [internal function]: wfWAFStorageFile->saveConfig('livewaf') #2 {main} thrown in /home/beatared/public_html/vademecumblogera.pl/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php on line 51