Social Media

Click on any site and send me a note, or click the last 2 links to subscribe to updates from example blogs.

icon Facebook 2 icon YouTube icon Twitter icon Google Plus
icon Amazon Kindle icon linkedin 2 icon WordPress icon RSS

If you'd like to make a custom social media gadget or widget like the one in the sidebar, here’s how you can do it.
A little HTML Text is all it takes. I found it can help bunches to upload images that are already 35 pixels ahead of time. But you can also use width and height in your HTML code.
This requires 3 main elements: your URL at social media sites, a blog media library (or a post) containing the icons, and the source URL of those icons that comes from your library or blog when you click on them.
Here's the code:
<a href=”[full link to your Twitter]“><img title=”Twitter” src=”[image URL for Twitter icon]” alt=”Twitter” width=”35″ height=”35″ /></a><a href=”[full link to your Google Plus]“><img title=”Google Plus” src=”[image URL for Google Plus icon]” alt=”Google Plus” width=”35″ height=”35″ /></a> <a href=”[full link to your Facebook page]“><img title=”Facebook” src=”[image URL for Facebook icon]” alt=”Facebook” width=”35″ height=”35″ /></a> </a><a href=”[full link to your RSS feed]“><img title=”RSS” src=”[image URL for RSS icon]” alt=”RSS” width=”35″ height=”35″ /></a>
Next we have an example just for Google Plus, Facebook and Twitter (without the width and height labeled). This will work fine if your images are already uploaded to your blog in small images, like 35 pixels.
<a href=”Your Profile URL at Google Plus” target=”_blank”><img src=”Your Blog’s Google Plus Image URL” alt=”Google Plus” title=”add me to Google Plus” /></a>
<a href=”Your Profile URL at Facebook” target=”_blank”><img src=”Your Blog’s Facebook Image URL” alt=”Facebook” title=”Facebook” /></a>
<a href=”Your Profile URL at Twitter” target=”_blank”><img src=”Your Blog’s Twitter Image URL” alt=”Twitter” title=”@Your Twitter Handle” /></a>
Try creating small icon images, uploading them to your blog, accessing their URL’s, and then inserting the code for as many icons as you want in your widgets or gadget. Good luck!

No comments:

Post a Comment