Thursday, October 30, 2014

Social Media Icons Custom Made


How often have you wanted custom social media icons for your site, or to alter the look you already have?
This perplexed me for a while, and my initial solution was to use HTML code from someone else who made one, but that only allowed me to tap into their icons from their blog. What would happen if they ever deleted their blog or those images from their library? Bye bye widget.
I wanted my own, and you should want your own too. If you do, it's not as hard as it might seem. There are basically 3 main elements:
  • your profile URL at social media sites (that's the easy part)
  • your blog media library (or a blog post) containing these icons ahead of time. For Wordpress it's best to add them to your library, for Blogger you need them in a post like the ones above or a draft.
  • the URL of those icon images that you can get from your blog when you click on them (this will result in a URL with just a tiny picture of the image). For example, try right clicking on any of the small icons above, then scroll down to View Image Info and notice the Location is a URL. That's the URL for the source images in the HTML coding.
Now all you need is a bit of HTML text. It does help to upload small images first (these above are 35 pixels). Or you can use width and height attributes in your HTML code.
Click here to continue reading on the Social Media page.
Good luck and let me know how it goes!

No comments:

Post a Comment