File: /home/seopositiveltd.co.uk/tutorials-sub/category/illustrator.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>
Illustrator « 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/illustrator" />
<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-illustrator">
<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-729 post type-post hentry category-illustrator category-photoshop category-website-design tag-illustrator-2 tag-umbrella-icon" id="post-729">
<h2><a href="/" rel="bookmark" title="Permanent Link to Create an Umbrella Icon in Illustrator">Create an Umbrella Icon in Illustrator</a></h2>
<hr/>
<p><small>July 19th, 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%2Fcreate-an-umbrella-icon-in-illustrator.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show how to create simple umbrella as shown below:</p>
<p><a href="#"></a></p>
<p>Open Illustrator and create a new document, then select the <strong>Elipse tool</strong> and with holding shift draw a perfect circle. Now select the <strong>Direct Selection Tool</strong> and click on the bottom center point of the circle then hit delete to create a semi-circle (this is your umbrella frame). Now lock that layer and create a new layer above. Select the <strong>Pen Tool</strong> and your are going the have to create the first two sections of the umbrella.</p>
<p>Firstly, click on the top center of the circle, then click and hold on the bottom left of the circle, now drag the mouse until the curve matches that of the circle then let go, click again onto the end point you just made to reset the curve. Now while holding shift, click and hold horizontal about a third into the semi-circle and drag the mouse to make and nice curve for the bottom of the umbrella. Once done, let go and click again on the point to reset. then simply join this shape to the starting point at the top middle of the circle (dont worry about this curve as it will be hidden by the next shape). Your shape should hopefully look something like this:</p>
<p><a href="#"></a></p>
<p>Once your first shape is made, copy the shape and flip horizontally then move to the right side of the umbrella, now you just need to create the middle section. Lock this layer and create a new one above then similar to before use the <strong>Pen Tool</strong> and starting at the top, just left of the center create your point and create curves similar to the example by joining up to the points on the previous shapes. This could get a little tricky so you may need to practise with the <strong>Pen Tool</strong> first, and you can always use the <strong>Direct Selection Tool</strong> to click on a point and edit the curve if any look a little off.</p>
<p>Once the umbrella shape has been created, unlock the layers and delete the semi-circle, now add the same gradient to each shape, depending on the colour you want for your umbrella, simply create a gradient with a lighter to slightly darker colour balance, in my example to lighter red is <strong>#af0e0e</strong> and the darker is <strong>#771313</strong>. Then adjust the gradient angles on each using the <strong>Gradient Tool</strong> to suit, I used an angle of <strong>160</strong> for the first shape, <strong>2</strong> for the middle and <strong>22</strong> for the right one.</p>
<p>Now your umbrella is created, simply select the <strong>Rectangle Tool</strong> and draw a narrow grey stick for the pole, then draw another small, black one for the handle top. To make the handle itself, select the <strong>Elipse Tool</strong> and makesure only the <strong>stroke</strong> option is selected, in black, with no fill. Then match the size of the stroke to the width of the handle. Now select the <strong>Direct Selection Tool</strong> and click on the top center of the circle and hit delete, then join this to the bottom of your handle top and use Pathfinder to join the handle and pole together.</p>
<p>Place the handle under the umbrella and put in the bottom center, now simply create the umbrella top using the <strong>Elipse Tool</strong> to create a small narrow oval and place under the umbrella with just the top showing just like in the example and you are done.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">illustrator</a>, <a href="/" rel="tag">umbrella icon</a><br/> Posted in <a href="../../tutorials-sub/category/illustrator" title="View all posts in Illustrator" rel="category tag">Illustrator</a>, <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-562 post type-post hentry category-illustrator category-uncategorized category-website-design tag-3d tag-icons" id="post-562">
<h2><a href="/" rel="bookmark" title="Permanent Link to Create a 3D Icon in Illustrator">Create a 3D Icon in Illustrator</a></h2>
<hr/>
<p><small>February 15th, 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%2Fcreate-a-3d-icon-in-illustrator.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you how to make an icon into a 3D icon using Illustrator.</p>
<p>Firstly create your desired icon, like that shown below and group the whole icon:</p>
<p></p>
<p>Now, make the icon into a symbol by bringing up the symbols pallete, <strong>Windows > Symbols</strong>, then select the icon and drag it into the Symbols window.</p>
<p>Now create the shape you want your icon to be, in this case I want it to be the same shape as my icon, so I copied the shape and then give the new graphic a darker tint than the icon itself, as shown below:</p>
<p></p>
<p>Now go to <strong>Effect > 3D > Extrude & Bevel</strong> and click on <strong>Map Art</strong>, select your Symbol from the dropdown and click <strong>OK</strong>. Then simply alter the Shading Options to suit by clicking on the <strong>More Options</strong> button and check the <strong>Preview </strong>box to see how it looks. Press<strong> OK</strong> once down and your 3D icon is created.</p>
<p></p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">3D</a>, <a href="/" rel="tag">icons</a><br/> Posted in <a href="../../tutorials-sub/category/illustrator" title="View all posts in Illustrator" rel="category tag">Illustrator</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="post-511 post type-post hentry category-illustrator category-uncategorized category-website-design tag-glassy-buttons tag-illustrator-2" id="post-511">
<h2><a href="/" rel="bookmark" title="Permanent Link to Create a Quick Glassy Button in Illustrator">Create a Quick Glassy Button in Illustrator</a></h2>
<hr/>
<p><small>February 1st, 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%2Fcreate-a-quick-glassy-button-in-illustrator.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you how to create an effective, glassy button in minutes using Illustrator, like that shown below.</p>
<p></p>
<p>Open Illustrator, create a new document and select the <strong>Rounded Rectangle Tool</strong>. Draw a nice button shape onto the canvas, while dragging the object to create, press the <strong>up </strong>and <strong>down </strong>arrows to adjust the curvature. Now give the stroke colour no colour and add a nice gradient as the fill colour, make the gradient vertical with the darker of the colours at the bottom. In this instance I have used the colour <strong>#c3262e</strong> at the top and <strong>#8c181b</strong> at the bottom.</p>
<p>Once that is done, copy and paste the object (CTRL + C, then CTRL + F) then shrink the image so that there is an even gap between the two, this usually means shrinking the vertical slightly more. With the new object selected replace the top gradient colour with white (#ffffff) and reduce the <strong>Transparency</strong> to around <strong>25%</strong>. Your main button is now created.</p>
<p></p>
<p>Now select the text tool and type the button text in white, with a nice, strong font, in this case it is <strong>Helvetica LT Compressed</strong>. You can then add a shadow to the text to help it stand out. Go to <strong>Filter > Stylize > Drop Shadow</strong> and you want a very subtle, not too distant shadow. These proportions may change depending on the size of your button but I used: <strong>Opacity 50%</strong>,<strong> X and Y Offset 0.5mm</strong> and <strong>Blur of 0.3mm</strong>.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">Glassy Buttons</a>, <a href="/" rel="tag">illustrator</a><br/> Posted in <a href="../../tutorials-sub/category/illustrator" title="View all posts in Illustrator" rel="category tag">Illustrator</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="post-498 post type-post hentry category-illustrator category-website-design tag-floral-effect tag-graphics tag-illustrator-2" id="post-498">
<h2><a href="/" rel="bookmark" title="Permanent Link to Create a Floral Graphic in Illustrator">Create a Floral Graphic in Illustrator</a></h2>
<hr/>
<p><small>January 27th, 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%2Fcreate-a-floral-graphic-in-illustrator.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p></p>
<p>Open a blank document in Illustrator, select the <strong>Spiral Tool</strong> and draw a nice spiral onto the canvas. Hold <strong>CTRL</strong> while creating the spiral to expand the curve and hit the <strong>Up</strong> and <strong>Down</strong> arrows to add or remove curls.</p>
<p>Once you have created your spiral copy and paste it in front (<strong>CTRL + C</strong>, then <strong>CTRL + F</strong>). With the new spiral selected rotate it around 20°, just enough so there is a nice space between them but the ends can still be joined ok, like that shown below.</p>
<p></p>
<p>Now select the <strong>Direct Selection Tool</strong> and drag over the two end corners, right click and select <strong>Join</strong>. Now do the same to the inner join, even if it looks joined, just to end the path. If the joins look a little off, then you can tweak the angles using the <strong>Direct Selection Tool</strong>. Click onto a join and ankers should appear, tweak those until you are happy.</p>
<p>You can now fill the spiral with a nice colour or gradient, then copy, rotate and resize them to make an effective floral graphic. In the example I have also added a subtle drop shadow by going to <strong>Effect > Stylize > Drop Shadow</strong> and adjusting the settings to suit.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">floral effect</a>, <a href="/" rel="tag">graphics</a>, <a href="/" rel="tag">illustrator</a><br/> Posted in <a href="../../tutorials-sub/category/illustrator" title="View all posts in Illustrator" rel="category tag">Illustrator</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-453 post type-post hentry category-illustrator category-photoshop category-website-design tag-curved-corner tag-design" id="post-453">
<h2><a href="/" rel="bookmark" title="Permanent Link to Adding a Nice Curve to an Image">Adding a Nice Curve to an Image</a></h2>
<hr/>
<p><small>January 18th, 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%2Fadding-a-nice-curve-to-an-image.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>When creating a website design in Photoshop there are often occasions when you need to curve off an image or Graphic, one way to do this is to CTRL + click on the image layer to select its area, then go to <strong>Select > Modify > Smooth</strong> and enter the amount of curve you want (say around 5), press <strong>OK</strong> and then right click on the selection and choose <strong>Select Inverse</strong> and press delete, then <strong>CTRL + D</strong> to deselect.</p>
<p>This works fine but you might notice some pixelation of the image and if you zoom in you can see what i mean below.</p>
<p><a href="#"></a></p>
<p>So, the best way is to use Illustrator. Open Illustrator, with a blank document and drag your image / graphic onto the canvas, this will pixelate but dont worry we wont be using it there. Now select the <strong>Rounded Rectangle Tool</strong> and any fill colour but no stroke on, click once on the canvas and enter your desired <strong>Corner Radius</strong>, say around <strong>5mm</strong>, press <strong>OK</strong> then delete, yes delete, the created graphic. Now click and drag on the canvas to match the shape to the same size as your image.</p>
<p>Now, drag your created graphic back into photoshop as a smart object and position it on top of your image. You can now <strong>CTRL + click</strong> on the new graphics layer to select its area, then right click on the selection and choose <strong>Select Inverse</strong>, hide the new graphics layer and then select your original image and press delete. If you just wanted one corner or two then defore pressing delete go to the <strong>Rectangular Marquee Tool</strong>, select <strong>Subtract From Selection</strong> and simply draw around the corners you dont want deleted.</p>
<p>Now you should notice a much smoother corner as shown below:</p>
<p><a href="#"></a></p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">curved corner</a>, <a href="/" rel="tag">design</a><br/> Posted in <a href="../../tutorials-sub/category/illustrator" title="View all posts in Illustrator" rel="category tag">Illustrator</a>, <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="navigation">
<div class="alignleft"><p></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 current-cat"><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"><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>