Jak zrobić i dodać na bloga ikonki mediów społecznościowych?

ikonki social media dog

ikonki social media dog

Na szybko przed wyjazdem – jak w prosty sposób, bez drogich programów przygotować ikonki mediów społecznościowych na bloga. Bo prawdą jest, że jak Cię widzą, tak Cię piszą. Tzn nie wystarczy samo pisanie najlepszych tekstów. Dobry (profesjonalny) wygląd bloga pomaga, by czytelnicy i ewentualne firmy zainteresowane współpracą potraktowały nas poważnie. U mnie wygląd bloga kuleje. Ale postanowiłam to zmienić. Inspirując się tym, co podoba mi się w blogosferze (a co? kopiować nieładnie, ale inspirować się tym, co robią inni jest jak najbardziej wskazane). Zresztą nikt nie ma monopolu na dobre pomysły. Ale pragnę to zrobić korzystając z darmowych (i ogólnie przystępnych narzędzi), by udowodnić, że każdy bloger może stworzyć ładnego (i profesjonalnie wyglądającego bloga). To moje wyzwanie na najbliższe miesiące. Mam zamiar dzielić się z Wami moimi postępami prac. I jednocześnie zachęcić Was do pójścia moim śladem, czyli do dopracowania (dopieszczenia) wyglądu bloga. Tak, by odpowiadał Waszej osobowości (i temperamentowi) i stał się miejscem, do którego każdemu (tj.  autorowi i czytelnikom) miło będzie zaglądać.

A tymczasem na szybko przed wyjazdem wzięłam na warsztat ikonki mediów społecznościowych. To takie must have na blogu. Jednocześnie dobrze by współgrały z klimatem bloga i by maksymalnie je zindywidualizować.  Szczęśliwie nie trzeba być tu artystą-grafikiem. Możemy skorzystać z gotowych ikonek za free.  

Gdzie znalezć  ikonki mediów społecznościowych?

Oto kilka stron, na których znajdziecie całe pakiety ikonek mediów społecznościowych do pobrania:
50 free social media icons
44 must have free social-media-icon-packs

free-social-media-iconsgrafika na bloga, jak zrobić ikonki mediów społecznościowych
Ikonki ze strony Dribbble

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

Po wybraniu najbardziej pasującej nam od strony estetycznej planszy, kopiujemy ją i zapisujemy na komputerze. 

Następnie w dowolnym programie graficznym wycinamy te, które są nam potrzebne. U mnie były to ikonki z Facebooka, Twittera, Google Plus i Pinterestu. 

Zeby było jak najprościej możecie skorzystać z ogólnie dostępnego programu jakim jest Picmonkey.com. Trochę trzeba będzie w nim pogrzebać. Ale czyż istnieje lepsza metoda, by się czegoś nauczyć?

Wchodzimy do Picmonkey, wybieramy Edit, pobieramy zapisaną planszę z ikonkami. Za pomocą opcji Crop wycinamy potrzebne nam ikonki. Ja wycięłam je w formie kwadratu i pilnowałam, by miały jednakowe gabaryty. Zapisujemy każdą z ikonek pojedynczo. 

grafika na bloga, jak zrobić ikonki mediów społecznościowych
 

Kiedy mamy już przygotowane nasze ikonki, składamy je w całą listwę. Tu rownież posłużyłam się Picmonkey. Tym razem weszłam w Design. Sciągamy zapisane pojedynczo ikonki (w tym celu wybieramy ikonkę z Motylkiem). Ustawiamy je w formie listwy. Przycinamy (za pomocą opcji Crop) i zapisujemy.

grafika na bloga, jak zrobić ikonki mediów społecznościowych
 
 
grafika na bloga, jak zrobić ikonki mediów społecznościowych

Pamiętajmy o tym, by odpowiednio przewymiarować naszą listwę ikonek. W PicMonkey mamy w tym celu opcję Resize. Ta opcja jest dostępna w części Edit. Czyli jeszcze raz otwieramy PicMonkey, wybieramy Edit, pobieramy do niego naszą listwę i wybieramy odpowiednie wymiary (w zależności od szerokości naszego panelu bocznego, jeżeli do niego chcemy wstawić nasze ikonki). Ja wybrałam szerokość 200 px. 

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

Teraz skorzystamy z programu Image-maps.com   po to, by do każdej ikonki z naszej listwy dorzucić odpowiedni adres URL (prowadzący na nasz profil w wybranym medium). Sam program jest bardzo intuicyjny. Wszysto opisałam na zdjęciach.

grafika na bloga, jak zrobić ikonki mediów społecznościowych

 Sciagamy naszą uprzednio przygotowaną w PicMonkey listwę z ikonkami.

grafika na bloga, jak zrobić ikonki mediów społecznościowych

Kiedy obrazek został pobrany, możemy zacząć przygotowywanie jego Mapy z adresami URL, do których ma prowadzić.

grafika na bloga, jak zrobić ikonki mediów społecznościowych

 Kolejna plansza do przejścia.

grafika na bloga, jak zrobić ikonki mediów społecznościowych

Obrazek jest już wgrany, czeka na obrobkę (u mnie przykrywa go żołty komunikat). Teraz klikamy na niego  prawym klikiem myszki i wybieramy Create Rect (czyli stworz prostokąt).

grafika na bloga, jak zrobić ikonki mediów społecznościowych

 Zaznaczamy (tym wcześniej zamowionym przez Create Rec) prostokątem naszą pierwszą ikonkę i wpisujemy adres URL do jakiego ma prowadzić. Musicie tu po prostu wejść na Waszego fanpaga i pobrać jego URL, a następnie wkleić w rubyrkę Map URL. Postępujemy podobnie z pozostałymi ikonkami.

grafika na bloga, jak zrobić i dodać ikonki mediów społecznościowych

Tak to wygąda po wpisaniu właściwego adresu (tu mojego fanpaga Moda na bio)

grafika na bloga, jak zrobić i dodać ikonki mediów społecznościowych

Gdy każda ikonka jest już opisana (u mnie wszystkie zaznaczone na czerwono) pobieramy kod do wklejenia na blogu.

grafika na bloga, jak zrobić i dodać ikonki mediów społecznościowych

 Wybieramy opcję HTML Code.

grafika na bloga, jak zrobić i dodać ikonki mediów społecznościowych

 

grafika na bloga, jak zrobić i dodać ikonki mediów społecznościowych

Teraz wchodzimy do Bloggera, wybieramy Układ, dodaj gadżet i wybieramy HTML/Java Script i wklejamy nasz pobrany powyżej kod.

Miłej zabawy w ozdabianie bloga.

Pozdrawiam serdecznie

Beata

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

More from BEATA REDZIMSKA

Jak dodać podobne posty na stronę, czyli widget Linkwithin.

  O tym, że reklama dzwignią handlu nieśmiało przebąkiwano nawet w mało...
Read More

22 komentarze

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *