Simple Cut and Past Javascript to Add Social Networking Links to Your Website

<ul id="social_networking"> <script type="text/javascript"> document.write('<li><a href='+'"http://digg.com/submit?phase=2&amp;url='+location.href+' "title="digg"><img src="digg.gif" alt ="Digg" class = "social">Digg</a></li>'); document.write('<li><a href='+'"http://del.icio.us/post?url='+location.href+' "title="Delicious"><img src="delicious.gif" alt ="Delicious" class = "social">Delicious</a></li>'); document.write('<li><a href='+'"http://reddit.com/submit?url='+location.href+' "title="Reddit"><img src="reddit.gif" alt ="Reddit" class = "social">Reddit</a></li>'); document.write('<li><a href='+'"http://www.stumbleupon.com/submit?url='+location.href+' "title="StumbleIpon"><img src="stumbleupon.gif" alt ="StumbleUpon" class = "social">StumbleUpon</a></li>'); </script> </ul>

The Javascript will insert the URL of your current page allowing you to automate this task.

All that is left to do is style up the HTML with some CSS and find some suitable images for your links.

Example Page

New URL

We've moved from www.aurora-studio.co.uk to the more key word orientated graphic-design-scotland.co.uk

Top Tip

When resizing a GIF file in Photoshop you must first convert it to RGB colour mode. The resampled image will be a mess of aliasing otherwise.

Choosing the correct image types for web use

Feature where I explain the best uses for PNG, JPEG and GIF files with examples showing the pros and cons of each file type.

View Article

Aurora Design Studio Blog is Now Up and Running

To accompany the new look website it seemed only right to have a blogging function as well.