File: //home/seopositiveltd.co.uk/tutorials-sub/category/website-design.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="https://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>
website design « SEO Positive: SEO Tutorials, PPC Pay Per Click Tutorials, Web Design & Web Development Tutorials</title>
<link rel="canonical" href="https://www.seopositiveltd.co.uk/tutorials-sub/category/website-design" />
<link rel="stylesheet" href="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/style.css" type="text/css" media="screen"/>
<link rel="pingback" href="https://tutorials.seopositiveltd.co.uk/xmlrpc.php"/>
<!--[if IE 6]>
<link rel="stylesheet" href="/wp-content/themes/seopositive/ie6.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="/wp-content/themes/seopositive/ie7.css" type="text/css" media="screen" />
<![endif]-->
<script src="../../ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" id="contact-form-7-css" href="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/contact-form-7/styles.css?ver=2.4.2" type="text/css" media="all"/>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script>
<link rel="index" title="SEO Positive: SEO Tutorials, PPC Pay Per Click Tutorials, Web Design & Web Development Tutorials" href="https://tutorials.seopositiveltd.co.uk"/>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body class="archive category category-website-design">
<div id="wrapper">
<div class="hidden"></div>
<div id="header">
<div class="hidden">
</div>
<div id="logo"><a href="https://www.seopositive.co.uk/"></a></div>
<div id="header-info">
<div class="menu-top-container"><ul id="menu-top" class="menu"><li id="menu-item-4228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4228"><a href="https://my.seopositive.co.uk/">Client Login</a></li>
<li id="menu-item-4227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4227"><a href="https://www.seopositive.co.uk/careers.php">Careers</a></li>
<li id="menu-item-4229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4229"><a href="https://www.seopositive.co.uk/partners.php">Partners</a></li>
</ul></div>
<div class="clear"></div>
<div class="call-us"> 0800 088 6000</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="content-container">
<div id="content" class="narrowcolumn" role="main">
<ul id="menu-main">
<li><a href="/">Home</a>
<ul class="first"><li><a href="/">Home</a></li></ul>
</li>
<li><a href="../../about-us">About us</a>
<ul><li><a href="../../about-us">About us</a></li></ul>
</li>
<li><a>Services</a>
<ul class="dropdown"><li><a>Services</a></li></ul>
<ul class="services-bg">
<ul>
<li><a href="../../search-engine-optimisation">Search Engine Optimisation</a></li>
<li><a href="../../pay-per-click">Pay Per Click</a></li>
<li><a href="https://www.webdesignpositive.co.uk/">Website Design</a></li>
<li><a href="../../website-design-portfolio">Design Portfolio</a></li>
</ul>
<ul>
<li><a href="../../email-marketing">Email Marketing</a></li>
<li><a href="../../reputation-management">Reputation Management</a></li>
<li><a href="../../link-building">Link Building</a></li>
<li><a href="../../hosting">Hosting</a></li>
</ul>
<div class="clear"></div>
</ul>
</li>
<li><a href="../../search-engine-optimisation">SEO Services</a>
<ul><li><a href="../../search-engine-optimisation">SEO Services</a></li></ul>
</li>
<li><a href="../../pay-per-click">PPC Services</a>
<ul><li><a href="../../pay-per-click">PPC Services</a></li></ul>
</li>
<li><a>Testimonials</a>
<ul class="dropdown"><li><a>Testimonials</a></li></ul>
<ul class="testimonials-bg">
<ul>
<li><a href="../../seo-testimonials">Search Engine Optimisation</a></li>
<li><a href="../../ppc-testimonials">Pay Per Click</a></li>
<li><a href="../../web-design-testimonials">Website Design</a></li>
</ul>
<div class="clear"></div>
</ul>
</li>
<li><a href="../../awards">Awards</a>
<ul><li><a href="../../awards">Awards</a></li></ul>
</li>
<li><a href="../../contact-us">Contact us</a>
<ul><li><a href="../../contact-us">Contact us</a></li></ul>
</li>
<li><a>Blog</a>
<ul class="last"><li><a href="../../blog">Blog</a></li></ul>
</li>
</ul>
<div id="main-content">
<div id="content-left">
<div class="post-917 post type-post hentry category-photoshop category-website-design tag-image-effects tag-shadows" id="post-917">
<h2><a href="/" rel="bookmark" title="Permanent Link to Add an Effective Shadow for an Isolated Image">Add an Effective Shadow for an Isolated Image</a></h2>
<hr/>
<p><small>November 4th, 2011 <!-- by Peter --></small></p>
<div class="entry">
<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fadd-shadow-for-an-isolated-image.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>Adding an effective shadow can really enhance any design to add realism and depth. This tutorial will show how to create an attractive effect in Photoshop that can be used on any isolated image, as shown here on a van.</p>
<p></p>
<p>First, open a new file in Photoshop and drag you image in. If your image is not yet isolated then use the <strong>Polygonal Lasso Tool</strong> to select around your image and remove the background.</p>
<p>Once you have your image isolated create a new layer and place this below your image layer. Using the <strong>Polygonal Lasso Tool</strong> again create a shape that resembles the bottom of the image where the shadow would land and fill with solid black like that show below:</p>
<p></p>
<p>Press <strong>CTRL + D</strong> to deselect the shape and go to <strong>Filter > Blur > Gaussian Blur</strong> and depending on the size of your image enter the apprpriate radius to make a subtle blur to the shape, this image used a <strong>2 pixel radius</strong>. Now you can adjust the <strong>Opacity</strong> of the layer to suit, you can leave this as <strong>100%</strong> if that looks best or if, for instance, it is sitting on a dark background.</p>
<p>Now the basis of you shadow is done. If you have parts of your image that sit on the ground more than the rest (for instance the van has wheels) then repeat this process on each individual section using a smaller radius on the Gaussian Blur.</p>
<p>For whole images like the button shown below, for instance, where the whole image is resting on the ground you can cheat and select the <strong>Elliptical Marquee Tool</strong> to create a flat oval shape around the base of the image instead of using the <strong>Polygonal Lasso Tool.</strong> You can then Press<strong> CTRL + T</strong> to amend the length, shape or height of the shadow and because it is blurred you wont notice much pixelation.</p>
<p></p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">image effects</a>, <a href="/" rel="tag">shadows</a><br/> Posted in <a href="../../tutorials-sub/category/photoshop" title="View all posts in Photoshop" rel="category tag">Photoshop</a>, <a href="../../tutorials-sub/category/website-design" title="View all posts in website design" rel="category tag">website design</a></p>
</div>
<div class="post-907 post type-post hentry category-photoshop category-website-design tag-blend-image" id="post-907">
<h2><a href="/" rel="bookmark" title="Permanent Link to How to Blend Images in Photoshop">How to Blend Images in Photoshop</a></h2>
<hr/>
<p><small>October 28th, 2011 <!-- by Peter --></small></p>
<div class="entry">
<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fhow-to-blend-images-in-photoshop.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you how to blend images into one another, to make an attractive collage like that shown below:</p>
<p></p>
<p>Firstly drag your images into photoshop and create a new document at the size you want your banner of blended images to be. Now drag both of your images into this new document.</p>
<p>Try to place the image that has the most redundant padding on as the top image in the layers and any with the least at the bottom (as we will need that extra padding to erase and make a nicer blend). For instance, I placed this image at the top as it had so much redundant imagery to the right that wasn’t going to be needed:</p>
<p></p>
<p>Once your images are in place select the<strong> Eraser Tool </strong>at <strong>100% Opacity</strong> and select a large brush that spans the full height of the image at <strong>0% Hardness</strong>. Now with the first upper image selected, hold down <strong>Shift</strong> and drag vertical down the side of the image, repeat the process until you get the desired blend effect. Now simply repeat this process for any other images.</p>
<p>If you do not want to erase from the image itself, you can also use a <strong>mask layer</strong>. Click on the top layer you want to blend and then click on the <strong>Add Vector Mask</strong> option (at the bottom of the layers window). Now do the same as you would do with the erase tool but use the <strong>Brush Tool</strong> on colour black instead. This will produce the same desired effect but will preserve the image.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">blend image</a><br/> Posted in <a href="../../tutorials-sub/category/photoshop" title="View all posts in Photoshop" rel="category tag">Photoshop</a>, <a href="../../tutorials-sub/category/website-design" title="View all posts in website design" rel="category tag">website design</a></p>
</div>
<div class="post-892 post type-post hentry category-photoshop category-website-design tag-website-design" id="post-892">
<h2><a href="../../tutorials-sub/5-tips-when-designing-a-website" rel="bookmark" title="Permanent Link to 5 Tips When Designing a Website">5 Tips When Designing a Website</a></h2>
<hr/>
<p><small>October 21st, 2011 <!-- by Peter --></small></p>
<div class="entry">
<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2F5-tips-when-designing-a-website.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you 5 quick tips that are useful to bear in mind when you start designing a website:</p>
<p><strong>1. Knowing Your Target Audience</strong><br/>
Probably the most important factor to bear in mind is knowing the type of audience your site is looking to reach. Is it business to business or business to public, is it aimed at a younger or older customer base, for men or women etc etc. Determining these factors can help to know how to approach the design and layout. For instance you wouldn’t want heavy animation or bright colours on a corporate website but you might on a childs televsion site.</p>
<p><strong>2. Knowing Your Competitors</strong><br/>
Its always a good idea to check out any competitors websites. This will not only assist in any inspirational problems but also give a good basis for what potential customers will be choosing between. Have a look at sites that work well and sites that don’t and try to include some of the good features, obviously without copying.</p>
<p><strong>3. Alignment & Positioning</strong><br/>
Any good designer will know that alignment is key to the foundation of an attractive design, you could have the most attractive banners, images and fonts used but if they’re not layed out correctly then they will look a mess. So ensure there are correct padded gaps between elements, logos should be placed top left and line page elements up as best as possible.</p>
<p><strong>4. Use of Colour</strong><br/>
Try to keep to 2/3 colours on a webpage and use your key colours as sparingly as possible. This way the colour can be used to highlight certain key elements, like a call to action button. Generally you should base the use of colour around the logo and use complimentary colours throughout, also try to avoid using dark backgrounds for large amount of text unless used appropriately.</p>
<p><strong>5. Keep Things Simple</strong><br/>
Above all else just try to keep things as simple and clean as possible. Even when creating a bright, animation fueled website for a childs TV programme, you still need to keep the elements on the page simple and not have things constantly flashing or distracting the user. Simplicity is key, keep things clean and let white space be your friend. That way it gives you the oppurtunity to make key elements more interesting and colourful.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">website design</a><br/> Posted in <a href="../../tutorials-sub/category/photoshop" title="View all posts in Photoshop" rel="category tag">Photoshop</a>, <a href="../../tutorials-sub/category/website-design" title="View all posts in website design" rel="category tag">website design</a></p>
</div>
<div class="post-877 post type-post hentry category-photoshop category-website-design tag-logo-design" id="post-877">
<h2><a href="../../tutorials-sub/5-tips-to-creating-logos" rel="bookmark" title="Permanent Link to 5 Tips to Creating Logos">5 Tips to Creating Logos</a></h2>
<hr/>
<p><small>October 14th, 2011 <!-- by Peter --></small></p>
<div class="entry">
<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2F5-tips-to-creating-logos.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you 5 quick tips to think about when you start designing a logo for a company.</p>
<p><strong>1. Use of the Logo</strong><br/>
An important aspect to bear in mind is how the logo is going to be used (i.e. on the web only, on social media sites, for print, etc.). This can play a big role and can effect the look of the logo. For instance a nice gradiented icon might look amazing on the top your website but will it print ok on all your letterheads.</p>
<p>Also if you are wanting to submit your logo to social media sites like Twitter and Facebook then you need to bear in mind that they only accept square images that can be as tiny as<strong> 16px x 16px</strong> so a long textual logo would never work here.</p>
<p><strong>2. Use of Fonts</strong><br/>
Selecting the right font is paramount to the look and design of the logo and can really be the single point that conveys what kind of company this is. For instance, <strong>Serif Fonts</strong> like Times New Roman or Monotype can portray a more olden or quaint feel (useful for schools or restaurants for instance). Where as <strong>Serif Fonts</strong> like Century Gothic or VAG Rounded can show a more business like, corporate feel.</p>
<p><strong>3. Use of Colour<br/>
</strong>Deciding on your colour scheme will define the colour scheme for the entire company so choose wisely. Ideally you want to stick to just 1 or 2 colours to keep a simple look with a strong, bold colour - pastel colours don’t usual work well. You can even think about using the colour to make the design and break up or highlight part of the logo text with a different colour.</p>
<p><strong>4. Browse Other Logos</strong><br/>
A great way of getting inspiration is to have a look at other logos - the good ones and the bad ones, to get an idea of what works and what doesnt. Logos should be simple, descriptive, memorable and customisable - so always think about this when looking through other examples.</p>
<p><strong>5. Keep it Simple, Keep it Simple, Keep it Simple!</strong><br/>
The most memorable logos are also the most simple. Just look at Google, Coca Cola and McDonalds, the logos themselves would take only 5 minutes to recreate but its coming up with the simple concept that takes the time. Try to avoid over doing things with too many shadows, gradients or reflections, strip eveything back and you can’t go far wrong.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">logo design</a><br/> Posted in <a href="../../tutorials-sub/category/photoshop" title="View all posts in Photoshop" rel="category tag">Photoshop</a>, <a href="../../tutorials-sub/category/website-design" title="View all posts in website design" rel="category tag">website design</a></p>
</div>
<div class="post-858 post type-post hentry category-photoshop category-uncategorized category-website-design tag-forms tag-graidents" id="post-858">
<h2><a href="/" rel="bookmark" title="Permanent Link to How to Create an Indented Form">How to Create an Indented Form</a></h2>
<hr/>
<p><small>October 7th, 2011 <!-- by Peter --></small></p>
<div class="entry">
<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><iframe src="https://api.tweetmeme.com/button.js?url=http%3A%2F%2Ftutorials.seopositiveltd.co.uk%2Fhow-to-create-an-indented-form.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show how to create a simple, attractive form effect in photoshop to appear as though the fields are indented like that shown below.</p>
<p></p>
<p>Open a new file in Photoshop and add a nice background of your choice, in the example I have used <strong>#595959</strong>. Now create a white box like that shown using either the <strong>‘Rectangular Tool’</strong> or the <strong>‘Rectangular Marquee Tool’</strong> and fill in solid white.</p>
<p>Duplicate this box and put below like shown in the image, then duplicate again and put below for the button layer. Double click on this third box, select <strong>gradient overlay</strong> and click on the <strong>gradient colour</strong>. Now select a nice colour for your button and blend into a lighter version of that colour, the example uses <strong>#e27822</strong> into <strong>#e88f47</strong> like shown in the box below:</p>
<p></p>
<p>Now we just need to create the background of the boxes to make the indent. Create a new layer below all the previous layers and <strong>CTRL + click</strong> on the first box layer to select its outline. Now go to <strong>Select > Modify > Expand</strong>, enter <strong>2 pixels </strong>and hit <strong>OK</strong>. Fill the selection with any solid colour as we are now adding a gradient.</p>
<p>Press <strong>CTRL + D</strong> to deselect and then double click the new layer, select <strong>gradient overlay</strong> as before and click on the gradient. Now leaving the bars where they are, double click the left colour and colour pick the main background of your image then drag the colour accross to a slightly lighter version of the background, my example uses <strong>#</strong><strong>7c7c7c</strong>. Press<strong> OK</strong> and do the same for the right side colour but make slightly darker, my example uses: <strong>#3e3e3e</strong>.</p>
<p>Now like before simply copy theses background graidents twice so that sit under each of the boxes and button like in the example. Simply add your text for the fileds and the button and you are done.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">forms</a>, <a href="/" rel="tag">graidents</a><br/> Posted in <a href="../../tutorials-sub/category/photoshop" title="View all posts in Photoshop" rel="category tag">Photoshop</a>, <a href="../../tutorials-sub/category/uncategorized" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a>, <a href="../../tutorials-sub/category/website-design" title="View all posts in website design" rel="category tag">website design</a></p>
</div>
<div class="navigation">
<div class="alignleft"><p><a href="/">« Older Entries</a></p></div>
<div class="alignright"><p></p></div>
</div>
<div class="clear"></div>
<hr/>
</div>
<div id="sidebar">
<h3 class="widget-title">Categories</h3> <ul>
<li class="cat-item cat-item-10"><a href="../../tutorials-sub/category/apache" title="View all posts filed under apache">apache</a>
</li>
<li class="cat-item cat-item-3"><a href="../../tutorials-sub/category/brain-candy" title="View all posts filed under Brain Candy">Brain Candy</a>
</li>
<li class="cat-item cat-item-214"><a href="../../tutorials-sub/category/cms" title="View all posts filed under CMS">CMS</a>
</li>
<li class="cat-item cat-item-66"><a href="../../tutorials-sub/category/other-technology/cold-fusion" title="View all posts filed under cold fusion">cold fusion</a>
</li>
<li class="cat-item cat-item-29"><a href="../../tutorials-sub/category/command-line-editors" title="View all posts filed under Command Line Editors">Command Line Editors</a>
</li>
<li class="cat-item cat-item-206"><a href="../../tutorials-sub/category/pay-per-click-ppc/conversion-tracking-pay-per-click-ppc" title="View all posts filed under Conversion Tracking">Conversion Tracking</a>
</li>
<li class="cat-item cat-item-11"><a href="../../tutorials-sub/category/css" title="View all posts filed under css">css</a>
</li>
<li class="cat-item cat-item-133"><a href="../../tutorials-sub/category/pay-per-click-ppc/display-network" title="View all posts filed under Display Network">Display Network</a>
</li>
<li class="cat-item cat-item-174"><a href="../../tutorials-sub/category/google-1" title="View all posts filed under Google +1">Google +1</a>
</li>
<li class="cat-item cat-item-132"><a href="../../tutorials-sub/category/pay-per-click-ppc/google-adwords-2" title="View all posts filed under Google Adwords">Google Adwords</a>
</li>
<li class="cat-item cat-item-115"><a href="../../tutorials-sub/category/web-analytics/google-analytics" title="View all posts filed under google analytics">google analytics</a>
</li>
<li class="cat-item cat-item-102"><a href="../../tutorials-sub/category/shopping-feeds/google-product-feed" title="View all posts filed under Google Product Feed">Google Product Feed</a>
</li>
<li class="cat-item cat-item-190"><a href="../../tutorials-sub/category/shopping-feeds/google-shopping-shopping-feeds" title="View all posts filed under Google Shopping">Google Shopping</a>
</li>
<li class="cat-item cat-item-200"><a href="../../tutorials-sub/category/google-webmaster" title="View all posts filed under Google Webmaster">Google Webmaster</a>
</li>
<li class="cat-item cat-item-12"><a href="../../tutorials-sub/category/htmlxhtml" title="View all posts filed under html/xhtml">html/xhtml</a>
</li>
<li class="cat-item cat-item-128"><a href="../../tutorials-sub/category/illustrator" title="View all posts filed under Illustrator">Illustrator</a>
</li>
<li class="cat-item cat-item-13"><a href="../../tutorials-sub/category/javascript" title="View all posts filed under javascript">javascript</a>
</li>
<li class="cat-item cat-item-42"><a href="../../tutorials-sub/category/joomla" title="View all posts filed under joomla">joomla</a>
</li>
<li class="cat-item cat-item-22"><a href="../../tutorials-sub/category/jquery" title="View all posts filed under jQuery">jQuery</a>
</li>
<li class="cat-item cat-item-21"><a href="../../tutorials-sub/category/jquery-tutorial" title="View all posts filed under jQuery Tutorial">jQuery Tutorial</a>
</li>
<li class="cat-item cat-item-27"><a href="../../tutorials-sub/category/linux" title="View all posts filed under Linux">Linux</a>
</li>
<li class="cat-item cat-item-41"><a href="../../tutorials-sub/category/mootools" title="View all posts filed under mootools">mootools</a>
</li>
<li class="cat-item cat-item-14"><a href="../../tutorials-sub/category/mysql" title="View all posts filed under mysql">mysql</a>
</li>
<li class="cat-item cat-item-71"><a href="../../tutorials-sub/category/mysql/mysqli" title="View all posts filed under MySQLi">MySQLi</a>
</li>
<li class="cat-item cat-item-131"><a href="../../tutorials-sub/category/pay-per-click-ppc" title="View all posts filed under Pay Per Click PPC">Pay Per Click PPC</a>
</li>
<li class="cat-item cat-item-67"><a href="../../tutorials-sub/category/other-technology/perl" title="View all posts filed under perl">perl</a>
</li>
<li class="cat-item cat-item-19"><a href="../../tutorials-sub/category/photoshop" title="View all posts filed under Photoshop">Photoshop</a>
</li>
<li class="cat-item cat-item-9"><a href="../../tutorials-sub/category/php" title="View all posts filed under php">php</a>
</li>
<li class="cat-item cat-item-51"><a href="../../tutorials-sub/category/php/php-framework" title="View all posts filed under php framework">php framework</a>
</li>
<li class="cat-item cat-item-69"><a href="../../tutorials-sub/category/php/programming-php" title="View all posts filed under Programming PHP">Programming PHP</a>
</li>
<li class="cat-item cat-item-169"><a href="../../tutorials-sub/category/robots-txt" title="View all posts filed under robots.txt">robots.txt</a>
</li>
<li class="cat-item cat-item-134"><a href="../../tutorials-sub/category/pay-per-click-ppc/search-network" title="View all posts filed under Search Network">Search Network</a>
</li>
<li class="cat-item cat-item-23"><a href="../../tutorials-sub/category/seo" title="View all posts filed under seo">seo</a>
</li>
<li class="cat-item cat-item-101"><a href="../../tutorials-sub/category/shopping-feeds" title="View all posts filed under Shopping Feeds">Shopping Feeds</a>
</li>
<li class="cat-item cat-item-1"><a href="../../tutorials-sub/category/uncategorized" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
<li class="cat-item cat-item-28"><a href="../../tutorials-sub/category/unix" title="View all posts filed under Unix">Unix</a>
</li>
<li class="cat-item cat-item-114"><a href="../../tutorials-sub/category/web-analytics" title="View all posts filed under web analytics">web analytics</a>
</li>
<li class="cat-item cat-item-62 current-cat"><a href="../../tutorials-sub/category/website-design" title="View all posts filed under website design">website design</a>
</li>
<li class="cat-item cat-item-39"><a href="../../tutorials-sub/category/wordpress" title="View all posts filed under wordpress">wordpress</a>
</li>
</ul>
<h3 class="widget-title">Archives</h3> <ul>
<li><a href="../../tutorials-sub/2011/11" title="November 2011">November 2011</a></li>
<li><a href="../../tutorials-sub/2011/10" title="October 2011">October 2011</a></li>
<li><a href="../../tutorials-sub/2011/09" title="September 2011">September 2011</a></li>
<li><a href="../../tutorials-sub/2011/08" title="August 2011">August 2011</a></li>
<li><a href="../../tutorials-sub/2011/07" title="July 2011">July 2011</a></li>
<li><a href="../../tutorials-sub/2011/04" title="April 2011">April 2011</a></li>
<li><a href="../../tutorials-sub/2011/03" title="March 2011">March 2011</a></li>
<li><a href="../../tutorials-sub/2011/02" title="February 2011">February 2011</a></li>
<li><a href="../../tutorials-sub/2011/01" title="January 2011">January 2011</a></li>
<li><a href="../../tutorials-sub/2010/12" title="December 2010">December 2010</a></li>
<li><a href="../../tutorials-sub/2010/11" title="November 2010">November 2010</a></li>
<li><a href="../../tutorials-sub/2010/10" title="October 2010">October 2010</a></li>
<li><a href="../../tutorials-sub/2010/09" title="September 2010">September 2010</a></li>
<li><a href="../../tutorials-sub/2010/08" title="August 2010">August 2010</a></li>
<li><a href="../../tutorials-sub/2010/07" title="July 2010">July 2010</a></li>
<li><a href="../../tutorials-sub/2010/06" title="June 2010">June 2010</a></li>
<li><a href="../../tutorials-sub/2010/05" title="May 2010">May 2010</a></li>
</ul>
<h3 class="widget-title">Blogroll</h3>
<ul class="xoxo blogroll">
<li><a href="https://www.seopositive.co.uk/cheap-seo.php">Cheap SEO</a></li>
<li><a href="https://www.integratedcctv.co.uk/" title="Integrated CCTV, Security, news and reviews">Integrated CCTV</a></li>
<li><a href="https://www.payperclick.org/">Pay Per Click Management</a></li>
<li><a href="https://www.payday-loans.co.uk/">Payday Loans</a></li>
<li><a href="https://www.seopositive.co.uk/pay-per-click.php">PPC Marketing</a></li>
<li><a href="https://www.searchengineoptimisation.org.uk/">Search Engine Optimisation</a></li>
<li><a href="https://www.seopositive.co.uk/">SEO</a></li>
<li><a href="https://www.seopositive.co.uk/blog">SEO Blog</a></li>
<li><a href="https://www.seopositive.net/">SEO Positive</a></li>
<li><a href="https://my.seopositive.co.uk/">SEO Positive</a></li>
<li><a href="https://news.seopositive.co.uk/">SEO Positive News</a></li>
<li><a href="https://tutorials.seopositive.co.uk/">SEO Positive Tutorials</a></li>
<li><a href="https://www.promocodes.co.uk/">voucher codes website</a></li>
<li><a href="https://www.seopositive.co.uk/website-design.php">Website Design Company</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="footer" role="contentinfo">
<div id="footer-content">
<div class="footer-section">
<h3>Additional Pages</h3>
<div class="menu-additional-pages-container"><ul class="menu" id="menu-additional-pages"><li class="menu-item menu-item-type-custom menu-item-645" id="menu-item-645"><a href="../../my-sub/index">Client Login</a></li>
<li class="menu-item menu-item-type-post_type menu-item-44" id="menu-item-44"><a href="../../terms">Terms & Conditions</a></li>
<li class="menu-item menu-item-type-post_type menu-item-270" id="menu-item-270"><a href="../../privacy-policy">Privacy Policy</a></li>
<li class="menu-item menu-item-type-custom menu-item-2699" id="menu-item-2699"><a href="../../tutorials-sub/index">Tutorials</a></li>
</ul></div></div>
<div class="footer-section">
<h3>Sitemaps & Feeds</h3>
<div class="menu-sitemaps-feeds-container"><ul class="menu" id="menu-sitemaps-feeds"><li class="menu-item menu-item-type-post_type menu-item-697" id="menu-item-697"><a href="../../sitemap">Sitemap</a></li>
<li class="menu-item menu-item-type-custom menu-item-699" id="menu-item-699"><a href="https://www.seopositiveltd.co.uk/sitemap.xml">XML Sitemap</a></li>
<li class="menu-item menu-item-type-custom menu-item-2740" id="menu-item-2740"><a href="../../blog">Blog</a></li>
<li class="menu-item menu-item-type-custom menu-item-2761" id="menu-item-2761"><a href="../../news-sub/index">News</a></li>
</ul></div></div>
<div class="footer-section footer-section-big">
<h3>Our Address</h3>
<p><strong>Chelmsford Head Office</strong><br/>Milstrete House<br/>29 New Street<br/>Chelmsford<br/>CM1 1NT</p>
</div>
<div class="footer-section">
<h3> </h3>
<p><strong>London Head Office</strong><br/>3rd Floor<br/>1 Ropemaker Street<br/>London<br/>EC2Y 9HT</p>
</div>
<div class="footer-section footer-section-small no-padding-right">
<h3>Social Links</h3>
<a href="/" target="_blank" rel="nofollow"></a>
<a href="https://twitter.com/seopositiveltd" target="_blank" rel="nofollow"></a>
<a href="https://www.youtube.com/user/seopositive" target="_blank" rel="nofollow"></a>
<h3>W3C Compliant</h3>
</div>
<div class="clear"></div>
</div>
<div id="footer-btm">
<p>© Copyright 2010 SEO Positive Ltd | Registered company in England & Wales | Company Number: 06643590 | VAT Number: 974449769</p>
</div>
</div>
</div>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/jqueryui.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/jquery.anythingslider.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/mac-screen-slider.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/class.horinaja.jquery.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/javascript.js" type="text/javascript"></script>
<script src="https://tutorials.seopositiveltd.co.uk/wp-content/themes/seopositive/js/read-more.js" type="text/javascript"></script>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.47"></script>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/contact-form-7/scripts.js?ver=2.4.2"></script>
</body>
</html>