The reliance on social networking to communicate can be confusing for others when you’re a member of multiple
social networking websites.
To get around this many exhibit a social networking widget. Social networking widgets however, in these days of
Google’s need for speed, will slow down your blog.
This post will reveal to you how you can get around this by making your own social networking widget, by way of HTML tables. Below is the code you need to get started.
<div> <table border="0" cellspacing="0" cellpadding="0" width="228"><tbody> <tr> <td height="15" valign="left" width="25"><a href="http://www.facebook.com/peter.mccartney" target="_blank"><img border="0" alt="" src="http://lh3.ggpht.com/_tpq91pcqIw8/TDN79dPS1XI/AAAAAAAAH_w/_OXzVRnC5Po/facebook.jpg" width="15" height="15" /></a></td> <td height="15" width="82" align="left"><a href="http://www.facebook.com/peter.mccartney" target="_blank"><strong>Facebook</strong></a></td> <td height="15" width="24"><a href="http://www.linkedin.com/in/peterjjmccartney" target="_blank"><img border="0" alt="" src="http://lh3.ggpht.com/_tpq91pcqIw8/TDOd8WqSOyI/AAAAAAAAIAQ/euJr5O6cnbw/linkedin.jpg" width="15" height="15" /></a></td> <td height="15" width="95"><a href="http://www.linkedin.com/in/peterjjmccartney" target="_blank"><strong>Linkedin</strong></a></td> </tr> <tr> <td height="15" valign="left" width="25"><a href="http://twitter.com/pjjmccartney" target="_blank"><img border="0" alt="" src="http://lh3.ggpht.com/_tpq91pcqIw8/TDOdbqjZJUI/AAAAAAAAIAM/S_FXn_KCUzk/twitter.jpg" width="15" height="15" /></a></td> <td height="15" width="82" align="left"><a href="http://twitter.com/pjjmccartney" target="_blank"><strong>Twitter</strong></a></td> <td height="15" width="24"><a href="http://www.stumbleupon.com/stumbler/maccasenior/" target="_blank"><img border="0" alt="" src="http://lh5.ggpht.com/_tpq91pcqIw8/TDOeztIL3bI/AAAAAAAAIAg/XHpl-zi-uig/stumbleupon.jpg" width="15" height="15" /></a></td> <td height="15" width="95"><a href="http://www.stumbleupon.com/stumbler/maccasenior/" target="_blank"><strong>StumbleUpon</strong></a></td> </tr> <tr> <td height="15" valign="left" width="25"><a href="http://www.google.com/profiles/peterjjmccartney" target="_blank"><img border="0" alt="" src="http://lh4.ggpht.com/_tpq91pcqIw8/TDOh9zv9NYI/AAAAAAAAIA0/e5qJq6KYb5c/google_buzz.jpg" width="15" height="15" /></a></td> <td height="15" width="82" align="left"><a href="http://www.google.com/profiles/peterjjmccartney" target="_blank"><strong>Buzz</strong></a></td> <td height="15" width="24"><a href="http://lh3.ggpht.com/_tpq91pcqIw8/S9ncoOC5RjI/AAAAAAAAG1U/cyvlM2ug56E/ctk.jpg" target="_blank"><img border="0" alt="" src="http://lh6.ggpht.com/_tpq91pcqIw8/TDOksLh2HnI/AAAAAAAAIBg/PbbPV910hts/gmail.jpg" width="15" height="15" /></a></td> <td height="15" width="95"><a href="http://lh3.ggpht.com/_tpq91pcqIw8/S9ncoOC5RjI/AAAAAAAAG1U/cyvlM2ug56E/ctk.jpg" target="_blank"><strong>Address</strong></a></td> </tr> </tbody></table> </div>
The end result will look like this. All that you need to do, is to click on any of the icons or names to be directed to the social media network of your choice.
Open Source Social Networking Widget
How do I customise my gadget? 1. Copy & paste the code into
Windows Live Writer or the HTML/JavaScript gadget.
2. Change the code in
blue to your icon http address.
3. Change the code in
red to your social networking address.
4. Change to code in
green to the name of your networking site.
5. Place the widget where it will best fit.
Tips: 1. Icon - about 390 bytes & 15 X 15 pixels.
2. Attempt this in your test blog first.
3. Any problems contact me.
4. I’ll do it for you if you hit the wall.
News from the home front: 1. Part one of the home renovations are almost complete.
2. Our son, Stephen, is getting married soon.
3. I’m looking for partners for my other two sons.
4. I’ve got the poops as I just painted the walls above the cupboards the wrong colour.
Read more...