Tutorial dla bloga: Social Media ikonki

Tutorial dla bloga: Social Media ikonki

Przeglądam różne blogi. Niektórymi się zachwycam tak, że patrzyłabym na nie nieustannie. U niektórych z nich zauważyłam okrągłe ikony mediów społecznościowych i ja też takie chciałam mieć! Poszukałam, pomęczyłam się prze kilka dni i umieściłam je na blogu. Chciałam również z wami podzielić się tym kolumbowskim niemal, sposobem.

1. Na początku musisz znaleźć ikonki social media koloru, kształtu i zawartości takie jak Cię interesują, lub, jeśli potrafisz - zrobić je sama. Ustawić je w dowolnym programie graficznym tak, jak Ci pasuję. Pamiętaj! By ustawić szerokość całego panelu, by wszystko pasowało doskonale do wymiarów Twojego bloga. Przytaczam kilka stron z darmowymi ikonkami, abyś nie musiała sama szukać. Możesz je wziąć STĄD, TUTAJ, TU RÓWNIEŻ.

1a) Obrazek który stworzyłeś zapisz na pulpicie, lub stwórz do niego adres URL na imageshack, albo Photobusket (nieważne jaka platforma).

2. Jeśli ustawiłaś już ikonki tak, jak najbardziej Ci się podoba, zapisałaś całą pracę oraz w miarę upodobania stworzyłaś adres URL: zabieramy się za właściwą część pracy. Teraz należy wejść na stronę: IMAGE-MAPS (Strona ta tworzy "mapę", czyli sprawia, że jakiekolwiek określone miejsce na obrazku odnosi po kliknięciu na dany adres strony. Tych miejsc może być kilkanaście, a nawet więcej)

 ...widzisz teraz przycisk "Start Mapping Your image"? Kliknij go po tym jak zakończysz wybierać swój obrazek. Jeśli dobrze pójdzie, wyświetli Ci się okienko:

 Gratulacje! Twój obrazek został załadowany do strony i będziesz mogła pracować z nim by zaznaczać obszary i je linkować. Kliknij teraz "Continue to nex step" .

3.Przycisk "Rectangle" zaczyna "mapowanie" Twojego obrazka z Social Media Ikonkami. Kliknij go!

... pojawi Ci się takie coś (poniżej). Sterując myszką zaznaczasz obszar, wpisujesz poniżej URL linku, do którego ma się on odnosić i gotowe. Aby zatwierdzić jeden link, klikasz "save". A potem przyciskiem "rectangle" zaczynasz pracować nad innym obszarem.

Gdy wszystko już zalinkujesz, kończąc pracę klikasz "Get Your Code":

4. Brawo! Wygenerowałaś swój kod. teraz tylko musisz go wziąć. W tym celu zaznacz drugą od lewej zakładkę od góry, a na dole pojawi się kod HTML, który musisz skopiować.

5. Ostatnim krokiem jest otwarcie bloga >  dodanie gadżetu "JavaScript/HTML" > wklejenie swojego kodu > zatwierdzenie. I to już koniec! Czyż to nie proste? Nie taki diabeł straszny.

Jeśli któryś etap wydaje Ci się trudny, napisz. Na pewno pomogę i rozwiąże Twoje wątpliwości.