Social Links – Slider CSS z linkami do profili społecznościowych

Social Links Slider, to praktyczny przykład zastosowania HTML, CSS oraz ikon Font Awesome do stworzenia ciekawego widgetu na stronę www, który będzie w elegancki sposób promował nasze profile w sieciach społecznościowych. W tym wpisie udostępniam stworzony przeze mnie prosty dodatek do strony (w kilkunastu wersjach!), który wyróżni wszystkie Twoje linki!

Jak zwykle, jest to bardzo elastyczne rozwiązanie, które można łatwo modyfikować, dodawać kolejne linki, oraz dowolnie manipulować kolorami. Dzięki wykorzystaniu czcionki z ikonami – Font Awesome, bez problemu możemy taki slider dopasować do każdej strony, zarówno pod względem ikon jak i ogólnego wyglądu. Warto zaznaczyć, że jest to kolejne rozwiązanie bazujące na samym HTML i CSS z pominięciem JavaScript.

Przejdź do wpisu

Musli 1.0

Musli, to mały, prosty dodatek do strony postawionej na WordPress-ie. Dzięki Musli, w bardzo łatwy sposób możemy dodać do naszej strony dodatkowe, animowane zakładki, na których możemy promować nasze profile społecznościowe, najlepsze wpisy na blogu, czy choćby najpopularniejsze filmy z YouTube.

Przejdź do wpisu

Test prawie 20 pluginów społecznościowych

Do największych zalet WordPress należy zaliczyć ogromną społeczność skupioną wokół projektu oraz tworząca całą masę nowych dodatków. Coraz częściej znalezienie odpowiedniego pluginu, który posiada wszystkie potrzebne, niezbędne nam funkcjonalności zajmuje dużo czasu. Ostatnio sam szukałem pewnego rozwiązania, i zajęło mi to całkiem sporo czasu.

Najpierw odpowiednie sformułowanie frazy nazywającej to czego szukamy, później oddzielenie ziaren od plew, czyli instalacja, włączenie, skonfigurowanie, sprawdzenie wyniku działania, wyłączenie i usunięcie.

To podsunęło mi pomysł na ten wpis. Zajmiemy się pluginami społecznościowymi, które dodają widgety do sidebarów, a w nich strumienie aktywności na Facebooku, Google plus, Twitterze. Google + Badge, liczniki czytelników, fanów, itd.

Przejdź do wpisu

LikeBox Facebook, kod HTML5 czy iframe

W odpowiedzi na kilka ostatnich powtarzających się maili z pytaniami dotyczącymi MUSLI i nie tylko postanowiłem dodać ten krótki wpis z mam nadzieję wyczerpującymi odpowiedziami. Nie będzie może żadnych rewelacji, ale większość tutaj wpisów powstaje tylko po ty by pamiętać, że tak można. 🙂 Do rzeczy…

Jedno z pytań dotyczyło tego, czy da się i jak połączyć inny plugin z efektownymi animacjami z MUSLI. Otóż da się i nawet można to zrobić na kilka sposobów, ale o tym za chwilę…

Inne pytanie, “czy w sliderze zakładek, jak MUSLI, do zakładki można dodać inne niż Facebook LikeBox treści?” -Zdecydowanie tak!

W większości poradników preferowany jest kod LikeBoxa w postaci iframe z tego względu że jest on ‘najprostszą opcją’ – aby osadzić plugin na stronie wystarczy jeden wygenerowany kod ramki wkleić do kodu HTML, w miejscu w którym chcemy, aby widget się pokazał.

Natomiast przy wykorzystaniu pozostałych, sprawa się trochę komplikuje, bo trzeba dołączyć dodatkowe skrypty i dużo zależy od tego co już masz na stronie.
W każdym razie, wszystkie poradniki się nadają, a wysuwaną ramkę możesz wypełnić czymkolwiek (obrazek, formularz, jakiś tekst, kalendarz itp.). Weźmy za przykład poradnik z mojego bloga. Wszystko należy zrobić tak jak jest opisane w tym artykule do momentu, w którym ramkę trzeba wypełnić, czyli wygenerować kod LikeBoxa. W tym miejscu możesz wkleić każdy inny kod LikeBoxa, pod warunkiem, że zrobisz to w sposób zalecany na stronie deweloperów Facebook-a.

Przejdź do wpisu

Facebook LikeBox Slider, czyli MUSLI – poprawiony i ulepszony

Korzystając z wolnych chwil postanowiłem zająć się MUSLI. Komentarze, prośby, oraz pytania pod artykułami dotyczące tego jak dodać do strony slider z Facebookowym LikeBoxem pozwoliły mi na poznanie waszych oczekiwań, oraz potrzeb względem MUSLI. Dzięki takiej motywacji, w tej odsłonie plugin potrafi trochę więcej i to przy podobnym nakładzie pracy i czasu. Zapraszam.

Przejdź do wpisu

jQuery plugin Social Facebook Slider

Zapraszam, do sprawdzenia zaktualizowanej wersji artykułu i przetestowania pluginu jQuery animującego zakładki jQuery plugin Social Facebook Slider.

Dla ułatwienia życia niektórym z nas napisałem prosty plugin jQuery, który jest odpowiedzią na pytania jakie dostaje dotyczące mojego artykułu o tym jak zrobić wysuwany LikeBox, social Facebook slider. Plugin został rozbudowany o możliwość zdefiniowania eventu, który uruchomi animację, oraz podania czasu tej animacji.

Przejdź do wpisu