Prawie wszystkie dostępne od ręki szablony posiadają opcję wprowadzenia ikonek społecznościowych. Są jednak templatki, gdzie dodawanie tym podobnych elementów wiązałoby się ze zburzeniem koncepcji designu lub z góry zostało narzucone, iż dany wygląd będzie wolny od wszelakich powiązań z mediami. Dla uparciuszków, którzy za wszelką cenę chcą zamieścić ikonki społecznościowe gdzieś w widocznym miejscu na blogu, przygotowałam dzisiejszą instrukcję. Zabawa polega jedynie na skopiowaniu adresu URL obrazka, podlinkowaniu go do wybranej strony i wstawieniu tego wszystkiego do gotowego kodu. W razie wątpliwości, pytajcie!
1) Na samym początku musimy znaleźć sobie ikonkę, która nas interesuje. Przyjmijmy wersję taką, że chcemy dodać na bloga odnośniki do naszego konta na Facebooku i Twitterze. Wchodzimy na stronę www.iconfinder.com, w białym pasku z napisem Search for icons wklepujemy nazwę serwisu społecznościowego, który nas interesuje. Naszym oczom ukaże się rzesza ikonek. Przewijamy stronę nieco w dół i w lewym pasku bocznym wybieramy opcję Free.
2) Teraz ujawniła się lista właściwych ikonek. Szukamy takiej, która najbardziej nam odpowiada. Zawsze możemy skorzystać z lewego paska, który oferuje filtrację wyników wyszukiwania (według koloru, tła itd.). Gdy już znaleźliśmy swój ideał, klikamy na niego.
3) Przed nami wyłania się ikonka w całej okazałości. Nad nią znajdują się rozmiary. Wybieramy taki, który nas interesuje. Możecie na bieżąco obserwować i regulować wielkość znaczka, gdyż podgląd aktualizuje się automatycznie. Skopiujmy adres URL obrazu tejże ikonki. Kiedy ta część jest już za nami, przechodzimy do "montażu".
4) Wchodzimy w panel bloga >> układ >> dodaj gadżet (w wybranym przez nas miejscu) >> HTML/JavaScript, po czym w białe pole wklejamy poniższy kod.
<a href="ADRES STRONY" TARGET="_blank"><img src="LINK DO IKONKI"border="0" alt="Photobucket" /></a>
5) W miejsce oznaczone jako Adres strony wklejamy odnośnik do naszego konta. W moim przypadku byłoby to https://www.facebook.com/katalog.grafikow. Zamiast słów Link do ikonki wklejamy adres URL naszego obrazka. Gotowe! Powielamy kod i uzupełniamy innymi danymi.
Jestem zdania, że każdy powinien sobie poradzić z tą instrukcją, gdyż jest ona dziecinnie prosta. Wystarczy powielać jedną formułkę, a jedynym wysiłkiem jest tutaj odnalezienie ikonki, która nam odpowiada oraz wypełnienie kodu odpowiednimi danymi. Mam nadzieję, że podołacie wyzwaniu!
Pomocne!
OdpowiedzUsuńCieszy mnie to niezmiernie :)
UsuńMi nie chce się przekierować jak kliknie się na ikonke ;/
UsuńDopóki nie zobaczę kodu, nie jestem w stanie pomóc. Polecam sprawdzenie, czy nic nie zostało omyłkowo usunięte podczas tworzenia poszczególnych linków. ;)
UsuńŚwietny post/instrukcja :D Od dawna chciałam umieścić u siebie na blogu te ikonki tylko nigdy nie mogłam się zebrać do poszukania albo zrobienia ich :D Korzystam!
OdpowiedzUsuńPozdrawiam [ diaphanerose.blogspot,com ]
Cieszę się, że mogłam pomóc podrzucając tę instrukcję!
Usuńa jak usunąc te ikonki społecznościowe z szablonu?
OdpowiedzUsuńUkład > edytujesz gadżet z tymi ikonkami i na dole obok "zapisz" i "anuluj" jest też przycisk "usuń".
UsuńProsto, krótko i na temat. Dziękuję :-)
OdpowiedzUsuńJak skopiować ten adres ?
OdpowiedzUsuńPrawy klawisz na obrazku i wybierz "Kopiuj adres obrazu". ;)
UsuńUdało się:) bardzo przydatny wpis:)
OdpowiedzUsuńNie potrafie :(( pojawia sie tylko link na pasku bocznym. A chcialabym zeby byl kolo naglowka ;(
OdpowiedzUsuńIkonki społecznościowe to już nieodłączna część stron www i blogów. Bardzo fajna, jasna i prosta instrukcja. Screenshoty rozwiewają wątpliwości nawet najbardziej początkujących blogerów. :)
OdpowiedzUsuńHej!Robię wszystko jak należy,wybieram najmniejszą ikonkę, a ostatecznie wywala ikonę na pół strony... ktoś wie, gdzie robię błąd ?
OdpowiedzUsuńW dzisiejszych czasach media społecznościowe stanowią ważny formę reklamy w internecie, dlatego zainteresowanym polecam artykuł ze strony https://centrumpr.pl/artykul/jak-przeprowadzic-kampanie-na-youtubie,146761.html. Co sądzicie?
OdpowiedzUsuńJa chciałabym te ikonki z motywu usunąć. Jak ?
OdpowiedzUsuń