File: //home/seopositiveltd.co.uk/tutorials-sub/2011/02.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>
February « 2011 « 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/2011/02" />
<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 date">
<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-598 post type-post hentry category-jquery category-jquery-tutorial category-javascript tag-expand-content tag-jquery" id="post-598">
<h2><a href="../../tutorials-sub/expand-and-contract-content" rel="bookmark" title="Permanent Link to Expand and Contract Content Using JQuery & Javascript">Expand and Contract Content Using JQuery & Javascript</a></h2>
<hr/>
<p><small>February 24th, 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%2Fexpand-and-contract-content.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show you how to create a read more / read less content area. This is ideal for use with hidden content or FAQs for instance.</p>
<p>First you need jquery installed on your page, you can use the following link for this: <a href="../../ajax/libs/jquery/1.4.2/jquery.min.js" target="_blank">https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</a></p>
<p>Now create a new javascript file and insert the following code:</p>
<p><code>$(document).ready(function(){<br/>
$('#homeReadMo').slideUp( );<br/>
$('a.homeReadMo').click( function(){<br/>
if( document.getElementById( 'homeReadMo' ).offsetHeight > 0 ) {<br/>
$( '#homeReadMo' ).slideUp( 'fast' );<br/>
}<br/>
else{<br/>
$( '#homeReadMo' ).slideDown( 'fast' );<br/>
}<br/>
return false;<br/>
});<br/>
});</code></p>
<p>This code basically looks for the element with <strong>id=homeReadMo</strong> and contracts or hides the area on page load. The code also allows any element with the class of <strong>homeReadMo</strong>, when clicked, to expand or open the <strong>id=homeReadMo</strong> content.</p>
<p>The if statement within the second function finds whether the size of the hidden content if greater than 0 (ie: whether it is hidden already). If it is hidden then the function will expand and if it is not hidden it will contract.</p>
<p>You can then add the following code to the html for your elements:</p>
<p></p>
<p>With this setup you could even add more code to the javascript to change the read more text to read less when clicked, as follows:</p>
<p><code>$(document).ready(function(){<br/>
$('#homeReadMo').slideUp( );<br/>
$('a.homeReadMo').click( function(){<br/>
if( document.getElementById( 'homeReadMo' ).offsetHeight > 0 ) {<br/>
$( this ).html( 'read more' );<br/>
$( '#homeReadMo' ).slideUp( 'fast' );<br/>
}<br/>
else{<br/>
$(this).html('read less');<br/>
$( '#homeReadMo' ).slideDown( 'fast' );<br/>
}<br/>
return false;<br/>
});<br/>
});</code></p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">expand content</a>, <a href="/" rel="tag">jQuery</a><br/> Posted in <a href="../../tutorials-sub/category/jquery" title="View all posts in jQuery" rel="category tag">jQuery</a>, <a href="../../tutorials-sub/category/jquery-tutorial" title="View all posts in jQuery Tutorial" rel="category tag">jQuery Tutorial</a>, <a href="../../tutorials-sub/category/javascript" title="View all posts in javascript" rel="category tag">javascript</a></p>
</div>
<div class="post-587 post type-post hentry category-photoshop category-css category-htmlxhtml category-website-design tag-css-position tag-float-image" id="post-587">
<h2><a href="/" rel="bookmark" title="Permanent Link to Float an Image in The Corner of a Website">Float an Image in The Corner of a Website</a></h2>
<hr/>
<p><small>February 22nd, 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%2Ffloat-an-image-in-the-corner-of-a-website.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show how to make an image float in the corner of a website, for instance, to highlight a feature or button, like that shown below.</p>
<p></p>
<p>First create your corner image and it’s best to create the image as a <strong>transparent png</strong> so that it can float on top of the page on a low res screen without looking odd (unless it is a solid image anyway).</p>
<p></p>
<p>Now open your <strong>css file </strong>and you will need the following css for your image.</p>
<p><code><strong>#float-image {<br/>
position: absolute;<br/>
top: 0;<br/>
right: 0;<br/>
width: 114px;<br/>
height: 118px;<br/>
background: url(images/misc/image-name.png) no-repeat;<br/>
display: block;<br/>
}</strong></code></p>
<p>This code will make whatever you set as<strong> id=float-image</strong> to be position absolute on the page to the top right corner, you may also need a <strong>z-index</strong> of say <strong>100 </strong>encase the image floats below any other divs.</p>
<p>If you want the image to constantly be fixed at the top right corner even when scrolling then simply change <strong>position: absolute</strong> to <strong>position: fixed</strong>.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">css position</a>, <a href="/" rel="tag">float 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/css" title="View all posts in css" rel="category tag">css</a>, <a href="../../tutorials-sub/category/htmlxhtml" title="View all posts in html/xhtml" rel="category tag">html/xhtml</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-575 post type-post hentry category-css category-htmlxhtml category-javascript tag-css tag-curved-corners" id="post-575">
<h2><a href="/" rel="bookmark" title="Permanent Link to Adding Curved Corners Using CSS and Javascript">Adding Curved Corners Using CSS and Javascript</a></h2>
<hr/>
<p><small>February 17th, 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-curved-corners-using-css.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>This tutorial will show how to add curved corners to boxes using the curvycorners.src file, which you can <a href="https://tutorials.seopositive.co.uk/wp-content/uploads/2011/02/curvycorners.src.js" target="_blank">download here</a>.</p>
<p>Save the file to your root folder and point to the .src file in your html.</p>
<p>Now all you need to do is add a few simple lines of <strong>css </strong>to add curves to your div box.</p>
<p><code><br/>
<strong>-moz-border-radius-topleft: 10px;<br/>
-moz-border-radius-topright: 10px;<br/>
-moz-border-radius-bottomright: 10px;<br/>
-moz-border-radius-bottomright: 10px;</strong><br/>
</code></p>
<p>You can now adjust the size of the curvature by amending the pixel amount, the bigger the amount the bigger the curve. You can even remove some of the corner curves so for instance only the top of your box has curves.</p>
<p>This css works fine in firefox, however as Internet Explorer is a different breed you may also require the following css to make sure it is cross-browser friendly:</p>
<p><code><br/>
<strong>-webkit-border-top-left-radius: 10px;<br/>
-webkit-border-top-right-radius: 10px;<br/>
-webkit-border-bottom-left-radius: 10px;<br/>
-webkit-border-bottom-right-radius: 10px;</strong><br/>
</code></p>
<p>So your div would then be:</p>
<p><code><strong>#curved-corners {<br/>
-moz-border-radius-topleft: 10px;<br/>
-moz-border-radius-topright: 10px;<br/>
-moz-border-radius-bottomright: 10px;<br/>
-moz-border-radius-bottomright: 10px;<br/>
-webkit-border-top-left-radius: 10px;<br/>
-webkit-border-top-right-radius: 10px;<br/>
-webkit-border-bottom-left-radius: 10px;<br/>
-webkit-border-bottom-right-radius: 10px;<br/>
}</strong></code></p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">css</a>, <a href="/" rel="tag">curved corners</a><br/> Posted in <a href="../../tutorials-sub/category/css" title="View all posts in css" rel="category tag">css</a>, <a href="../../tutorials-sub/category/htmlxhtml" title="View all posts in html/xhtml" rel="category tag">html/xhtml</a>, <a href="../../tutorials-sub/category/javascript" title="View all posts in javascript" rel="category tag">javascript</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-549 post type-post hentry category-photoshop category-website-design tag-shadows tag-transparency" id="post-549">
<h2><a href="/" rel="bookmark" title="Permanent Link to How To Save a Transparent PNG with Inner Shadow">How To Save a Transparent PNG with Inner Shadow</a></h2>
<hr/>
<p><small>February 10th, 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-save-a-transparent-png-with-inner-shadow.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>In photoshop you can add an inner shadow to an image in the Layer Style popup box, but this requires the image to have a fill colour, if you try deleting the fill the shadow will also go. If you try flattenning the layer you won’t be able to remove the fill. Below shows a white box with the inner shadow effect, as you can just about see it is not transparent.</p>
<p></p>
<p>One way around this is to copy your image and bring the <strong>Lightness </strong>down to <strong>-100</strong> to make it black. Now <strong>CTRL + Click</strong> on your new layer to select its area and go to <strong>Select > Modify > Feather</strong>, enter a value of say around <strong>15</strong> and press <strong>OK</strong>.</p>
<p>Now hit delete and you should see a simular effect to what we had with the inner shadow option, but guess what - it is now transparent! You can now adjust the opacity and even erase certain areas to suit. Shown below is a transparent png of the result, as you can see no white middle!</p>
<p></p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">shadows</a>, <a href="/" rel="tag">transparency</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="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"><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>