PRZYGOTUJ IKONKI
Możesz stworzyć swoje własne lub skorzystać z bezpłatnych, które są dostępne tu lub tu. Ikonkę odsyłającą do danego portalu musisz mieć w dwóch kolorach. Jeśli te, które znalazłaś są dostępne tylko w jednym kolorze możesz zmienić ich kolor np. za pomocą picmonkey. Wszystkie zamieść gdzieś w Internecie np. albumy google.
PRZYGOTUJ KOD
Poniższy kod dotyczy jednej ikonki. Dla każdej kolejnej trzeba go powielić i podstawić odpowiedni adres profilu np. na FB lub google+ do którego ma prowadzić oraz podlinkować odpowiednie ikonki.
<a href="ADRES PROFILU NP. FACEBOOK"><img src="ADRES URL IKONKI 1" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'ADRES URL IKONKI 2'" onmouseout="this.src = 'ADRES URL IKONKI 1'"/>
* ADRES URL IKONKI 1 - to ikonka widoczna przed najechaniem na nią kursorem.
** ADRES URL IKONKI 2 - to ikonka, która będzie widoczna po najechaniu kursorem
*** Adres uzyskacie klikając na otwartą w przeglądarce ikonkę prawym przyciskiem myszy i wybierając "Kopiuj adres url obrazka"
**** Zwróćcie uwagę, że ADRES URL IKONKI 1 jest do podmiany w dwóch miejscach
Jeśli chcesz, aby ikonki były wyśrodkowane to przed kodem wklej <center>, a za kodem </center>
Jeśli chcesz, aby ikonki były wyrównane do prawej to przed kodem wklej <p align="right>, a za kodem </p>
Jeśli chcesz, aby ikonki były wyrównane do prawej to przed kodem wklej <p align="right>, a za kodem </p>
WSTAW IKONKI NA BLOGA (BLOGGER)
Wejdź w UKŁAD i utwórz gadżet "HTML/JavaScript". Wklej do niego swój kod. Zapisz i przenieś gadżet w miejsce w którym mają być ikonki.
-------------------------------------------------------------------------------------------------------
Spis wszystkich postów o blogowaniu znajduje się w STREFIE BLOGEREK
---------------------------------------------------------------
Tak to już jest, że szewc bez butów chodzi. Dzisiejszy post zmobilizował mnie, aby zrobić sobie nowe ikonki:)
Dzięki, wielkie za ten temat, właśnie szukam fajnych ikonek i znalazłam tą stronkę http://icons.mysitemyway.com/category/social-media-logos/
OdpowiedzUsuńNie znałam tej strony. Dzieki, przyda się!
OdpowiedzUsuńnie ma za co, cisze się że się przyda :)
OdpowiedzUsuńTak! Tego potrzebowałam :) i jeśli wkleję wszystkie kody w jednym gadżecie, to ustawią się obok siebie w jednej linii?
OdpowiedzUsuńDokładnie tak
OdpowiedzUsuńa ja nie rozumiem tej instrukcji :/
OdpowiedzUsuńWstyd się przyznać, ale w ogóle nie ma na moim blogu sensownie wyglądającego widgetu społecznościowego. Mam chaotycznie rozdzielone obserwacje Bloggerowe, G+ i Bloglovin', a fanpage na fejsie założyłam tak niedawno, że jakoś jeszcze nie miałam czasu podpiąć go na blogu. Muszę w weekend do tego przysiąść - oczywiście z pomocą Twoich postów :)
OdpowiedzUsuńTę tajemną wiedzę już (jakimś cudem!) posiadłam. Ha! To chyba pierwszy taki post z Twojej blogowej serii ;)
OdpowiedzUsuńPrzydatna instrukcja, nie wiedziałam, że ikonki można zmienić takim prostym kodem. :) Pzdr
OdpowiedzUsuńDzięki, dzięki, dzięki :*
OdpowiedzUsuńGdyby przyszło Ci zmniejszać je w programie graficznym to się wstrzymaj. Możesz dodać na końcu kodu każdej z nich jej rozmiar w pikselach
OdpowiedzUsuńDzięki za instrukcję! Mam jedno pytanko: jak mogę zmniejszyć ikonki?
OdpowiedzUsuńOoo już nie zawracam głowy, już wiem :)
OdpowiedzUsuńChyba możesz być ze mnie dumna :) Bardzo Ci dziękuję za tę instrukcję! http://czekoada.blogspot.com
OdpowiedzUsuńPolecam https://www.iconfinder.com/
OdpowiedzUsuńOd jakiegoś czasu korzystam z jej zasobów.
Dzięki wielkie to jest to czego właśnie szukałam. Sposób bardzo prost a mega efektywny :)
OdpowiedzUsuń