Ever since these social share buttons made their appearance on this blog a few years ago, I’ve received a dozen or so enquiries on how I got them to work on a WordPress.com hosted blog. I’ve decided that in the interest of those who are interested in setting up something similar on their blog, here are the exact codes I use. There are many websites that let you use their buttons for free so feel free to look around. Please remember that the sidebar width vary depending on blog theme. On mine — Enterprise Theme — I can comfortably fit four buttons with space for another half a button or so. I’m a photographer and I know very little or nothing about codes. If you have questions about customizing your blog, you should consult the WordPress.com CSS Customization Forum. If you happen to use the Enterprise Theme and want yours to look like mine, the full CSS codes I use are discussed here. The only other change I’ve made since then is the way image captions under an image appear.
The actual codes as used in the Text Widget on this blog.
The same codes below just in case you want to paste them into your Text Widget:
<div>
<a target=”_new” href=”http://twitter.com/janshim”>
<img alt=”Twitter” src=”http://shimworld.files.wordpress.com/2010/05/twitter.png” />
</a>
<a target=”_new” href=”http://www.facebook.com/janshimphoto”>
<img alt=”Facebook” src=”http://shimworld.files.wordpress.com/2010/05/facebook.png” />
</a>
<a target=”_new” href=”http://www.linkedin.com/pub/jan-shim/b/522/973″>
<img alt=”LinkedIn” src=”http://shimworld.files.wordpress.com/2011/03/linkedin.jpg” />
</a>
<a target=”_new” href=”http://shimworld.wordpress.com/contact/”>
<img alt=”Contact Me” src=”http://shimworld.files.wordpress.com/2010/05/mail.png” />
</a>
<br>
<a href=”http://pinterest.com/janshim/”><img src=”http://passets-cdn.pinterest.com/images/follow-on-pinterest-button.png” width=”156″ height=”26″ alt=”Follow Me on Pinterest” /></a><br><br>
