Na moim oryginalnym blogu umieściłem kilka przycisków udostępniania razem używając poniższego kodu, jednak w naszej nowej witrynie wyglądało to na to, że dostaliśmy karę za szybkość z powodu braku pamięci podręcznej i ilości Javascriptu. Poniżej wymieniono oba sposoby tworzenia tych przycisków, jeden z JS, a drugi w czystym kodzie.
Ponieważ jest to związane z social media, prosimy o podzielenie się tym! To było w 100% od roku 2015.
A teraz dla HTML dla przycisków udostępniania.
A teraz JavaScript
Jeśli dodasz skrypt na dole strony, zostanie on załadowany, co daje szybszy czas ładowania. Na szczęście faceci na Facebooku, Google i Twitter zastanawiali się nad sobą i używali tego samego języka JavaScript zarówno do przycisków akcji i podobnych.
Teraz możemy drgnąć przez to nieco szybciej, poniżej znajduje się HTML i CSS dla przycisków akcji i śledzenia. Dlaczego nie sprawdzić poniższego linku, jak używać spritów graficznych dla CSS?
Jest to kod aktualizujący linki do odpowiedniej strony. Dodałem również opcjonalny JavaScript, który otwiera małe okno po kliknięciu.
Użyj tych, aby upewnić się, że kiedy elementy są udostępnione, najpierw chcę wyświetlić obraz.
Jak już wcześniej powiedziałem, podziel się tym, jeśli okaże się pomocny, i zobacz jak działają wszystkie przyciski!