Skip to content

Instantly share code, notes, and snippets.

@stephenway
Created November 15, 2012 17:36
Show Gist options
  • Save stephenway/4079992 to your computer and use it in GitHub Desktop.
Save stephenway/4079992 to your computer and use it in GitHub Desktop.
Service Icons

Service Icons Function

Inject service icon links using Ligature Symbols and javascript.

Usage

Define the selector you want to inject the icons to.

var serviceLocations = "selector";

Then start adding services you use and the associated account.

service("twitter", "stephencway");

jQuery Plugin

I created a jQuery plugin out of this called jQuery-service

$(function() {
/* Add Service Icons */
// var serviceLocation = ".footer__social";
// service("twitter", "twitter username");
// service("linkedin", "linkedin username");
// service("facebook", "facebook username");
// service("yelp", "yelp listing");
// service("google", "google+ username");
// service("pinterest", "pinterest username");
// service("myspace", "myspace username");
// service("flickr", "flickr username");
// service("picasa", "picasa username/album");
// service("vimeo", "vimeo username");
// service("youtube", "youtube username");
// service("ustream", "ustream username");
// service("instagram", "instagram username");
// service("foursquare", "foursquare username");
// service("delicious", "delicious username");
// service("tumblr", "tumblr site name");
// service("wordpress", "wordpress site name");
// service("blogger", "blogger site name");
/* Service Icons Function */
function service(service, user, type) {
if (service == "linkedin")
var href = "http://" + service + ".com/company/" + user;
else if (service == "linkedin" && type == "personal")
var href = "http://" + service + ".com/in/" + user;
else if (service == "tumblr")
var href= "http://" + user + "." + service + ".com/";
else if (service == "yelp")
var href= "http://" + service + ".com/biz/" + user;
else if (service == "blogger")
var href= "http://" + user + ".blogspot.com/";
else if (service == "wordpress")
var href= "http://" + user + "." + service + ".com/";
else if (service == "ustream")
var href= "http://" + service + ".tv/" + user;
else if (service == "picasa")
var href= "http://" + service + "web.google.com/" + user;
else if (service == "facebook" && type == "page")
var href= "http://" + service + ".com/pages/" + user;
else
var href = "http://" + service + ".com/" + user;
if (service == "yelp")
var object = $("<a class='lsf-icon' title='star' href=" + href + "></a>");
else
var object = $("<a class='lsf-icon' title=" + service + " href=" + href + "></a>");
object.prependTo(serviceLocation);
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment