Newsy

sobota, 17 maja 2014

20 ikon społecznościowych


Zobacz demo

Widżet zawierający 20 ikon społecznościowych można umieścić nie tylko na Bloggerze, ale również na innych platformach blogowych, forach oraz stronach www. Tło przycisków jest przezroczyste, dlatego ikony idealnie wtopią się w tło strony. Szerokość widżetu automatycznie dostosowuje się do gadżetu, w którym zostanie umieszczony.

Umieszczanie widżetu na Bloggerze

W panelu admina w menu Układ dodaj gadżet HTML/JavaScript z poniższym kodem:
<link href="https://googledrive.com/host/0BzWYBwKfT2edVzVmRHliMnA2SzA" id="bon_toolkit_icon_style-css" media="all" rel="stylesheet" type="text/css" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<div class="bon-toolkit-social-widget-wrapper bon-toolkit-social-icon flat square-round">

<a class="wordpress" href="http://pl.wordpress.com/" title="
WordPress"><i class="fa fa-wordpress"></i></a> 
<a class="forrst" href="http://forrst.com/" title="Forrst"><i class="fa fa-tree"></i></a> 
<a class="foursquare" href="https://foursquare.com/" title="Foursquare"><i class="fa fa-foursquare"></i></a> <a class="delicious" href="https://delicious.com/" title="Delicious"><i class="fa fa-delicious"></i></a>
<a class="blogger" href="https://www.blogger.com/" title="Blogger"><i class="fa fa-blogger"></i></a> 
<a class="behance" href="http://www.behance.net/" title="Behance"><i class="fa fa-behance"></i></a> 
<a class="twitter" href="https://twitter.com/" title="Twitter"><i class="fa fa-twitter"></i></a> 
<a class="dribbble" href="https://dribbble.com/" title="Dribbble"><i class="fa fa-dribbble"></i></a>
<a class="facebook" href="https://www.facebook.com/" title="Facebook"><i class="fa fa-facebook"></i></a> 
<a class="vimeo" href="https://vimeo.com/" title="Vimeo"><i class="fa fa-vimeo-square"></i></a> 
<a class="tumblr" href="https://www.tumblr.com/" title="Tumblr"><i class="fa fa-tumblr"></i></a> 
<a class="linkedin" href="https://pl.linkedin.com/" title="Linkedin"><i class="fa fa-linkedin"></i></a>
<a class="flickr" href="https://www.flickr.com/" title="Flickr"><i class="fa fa-flickr"></i></a> 
<a class="google" href="https://plus.google.com/" title="Google+"><i class="fa fa-google-plus"></i></a> 
<a class="rss" href="www.feedburner.com/" title="FeedBurner"><i class="fa fa-rss"></i></a>
<a class="youtube" href="https://www.youtube.com/" title="Youtube"><i class="fa fa-youtube"></i></a> 
<a class="pinterest" href="https://pl.pinterest.com/" title="Pinterest"><i class="fa fa-pinterest"></i></a> 
<a class="stumbleupon" href="https://www.stumbleupon.com/" title="Stumbleupon"><i class="fa fa-stumbleupon"></i></a> 
<a class="rdio" href="https://www.rdio.com/" title="Rdio"><i class="fa fa-rdio"></i></a> 
<a class="spotify" href="https://www.spotify.com/pl/" title="Spotify"><i class="fa fa-spotify"></i></a>

</div>
Linki zaznaczone na zielono zamień na te prowadzące do twoich profili.

Uwaga! Jeśli w Adblock Plus masz zaznaczoną opcję blokowania przycisków społecznościowych - ikony mogą nie wyświetlać się. Dlatego wyłącz opcję blokowania przycisków społecznościowych lub usuń z listy filtrów link https://easylist-downloads.adblockplus.org/fanboy-social.txt. Więcej o tym problemie przeczytasz TUTAJ.

Brak komentarzy :

Prześlij komentarz

Szablon dla Bloggera stworzony przez Darmowe dodatki na blogi | oraz Blokotek.pl