Brunei Darussalam

Use Text Widgets to Add Social Share Buttons on Your WordPress.com Blog

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”&gt;
<img alt=”Twitter” src=”https://shimworld.files.wordpress.com/2010/05/twitter.png&#8221; />
</a>
<a target=”_new” href=”http://www.facebook.com/janshimphoto”&gt;
<img alt=”Facebook” src=”https://shimworld.files.wordpress.com/2010/05/facebook.png&#8221; />
</a>
<a target=”_new” href=”http://www.linkedin.com/pub/jan-shim/b/522/973″&gt;
<img alt=”LinkedIn” src=”https://shimworld.files.wordpress.com/2011/03/linkedin.jpg&#8221; />
</a>
<a target=”_new” href=”https://shimworld.wordpress.com/contact/”&gt;
<img alt=”Contact Me” src=”https://shimworld.files.wordpress.com/2010/05/mail.png&#8221; />
</a>
<br>
<a href=”http://pinterest.com/janshim/”><img src=”http://passets-cdn.pinterest.com/images/follow-on-pinterest-button.png&#8221; width=”156″ height=”26″ alt=”Follow Me on Pinterest” /></a><br><br>

3 thoughts on “Use Text Widgets to Add Social Share Buttons on Your WordPress.com Blog

    1. These codes should work 100% if you copied all of them into your Text Widget. The links to the individual buttons are hosted on WordPress.com. It helps to make sure that each of the URLs in the code works when you paste them in your web browser. You may want to start a thread on the WP support forum for help — any one of the excellent volunteers should be able to fix your codes.

      Like

Be real. Let me know what you think ...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s