When you are running a blog as an author it’s important to provide the full breadth of online profiles … and to make them easy to visit and follow. A nice clean way to do this is to feature small icons of each social media type in your blog’s border, with each linking to your respective profiles.
Here’s how to set this up:
1) ADD THIS PRE-PREPARED CODE AS A WIDGET
Go to Apperance > Widgets. Add a ‘Text’. Copy and paste the following html into the widget:
<a href=”THE URL OF YOUR GOOGLE+ PROFILE” style=”margin-left:0;margin-right:0;”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/googlepluslogo.png” /></a>
<a href=”THE URL OF YOUR TWITTER PROFILE” style=”margin-left:0;margin-right:0;”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/twitterlogo.png” /></a>
<a href=”THE URL OF YOUR FACEBOOK PROFILE”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/Facebook logo.png” /></a>
<a href=”THE URL OF YOUR PINTEREST PROFILE”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/pinterest.jpg” /></a>
<a href=”THE URL OF YOUR LINKEDIN PROFILE”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/linkedinlogo.png” /></a>
4) ADD IN YOUR OWN PROFILE URLS
Paste the URLs of your profiles as indicated in the capitalised notes. Make sure that none of those capitalised notes remain. For example, this is the completed code with MetaPlume profile URLs inserted in place of the notes:
<a href=”https://plus.google.com/116570697964461310373/posts” style=”margin-left:0;margin-right:0;”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/googlepluslogo.png” /></a>
<a href=”https://twitter.com/#!/wordplume” style=”margin-left:0;margin-right:0;”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/twitterlogo.png” /></a>
<a href=”http://www.facebook.com/metaplume”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/Facebooklogo.png” /></a>
<a href=”http://pinterest.com/WordPlume/”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/pinterest.jpg” /></a>
<a href=”http://www.linkedin.com/company/metaplume-corporation?trk=fc_badge”>
<img border=”0″ src=”http://blogs.metaplume.com/wp-content/uploads/2012/07/linkedinlogo.png” /></a>
5) Click Save
6) Admire your new row of icons, linked to your profiles. You can of course move this widget up or down your border as you see fit.
