File: //home/seopositiveltd.co.uk/tutorials-sub/category/jquery-tutorial.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>
jQuery Tutorial « 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/jquery-tutorial" />
<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-jquery-tutorial">
<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-221 post type-post hentry category-brain-candy category-htmlxhtml category-jquery category-jquery-tutorial category-javascript tag-hover-menu tag-jquery tag-jquery-hover-menu tag-jquery-tutorial" id="post-221">
<h2><a href="/" rel="bookmark" title="Permanent Link to jQuery hover menus, easier than they seem">jQuery hover menus, easier than they seem</a></h2>
<hr/>
<p><small>November 8th, 2010 <!-- by admin --></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%2Fjquery-hover-menus-easier-than-they-seem.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>A drop down menu always seems buggy, lets face it they’re a nightmare and we usually just leave it “For the easier alternative”</p>
<p>But they’re really not that difficult to achieve. See the code below for how to achieve this with some simple jQuery and your own CSS.</p>
<pre class="brush: javascript">jQuery('#main_menu').mouseenter(function(){
jQuery('#sub_menu').show();
})
.mouseleave(function(){
jQuery('#sub_menu').hide();
}};
</pre>
<p>The above uses mouseenter() and mouseleave() rather than mouseon() and mouseout(). The difference between the 4 functions is mouseenter() will monitor the mouse over event and ignore mouseon() events on children and mouseleave() fires when you leave either the children of the element or the element itself.</p>
<p>Which makes it perfect for hover menus, hovering over expanding details and many other really cool things.</p>
<p>Enjoy making your jQuery hover menus without having to use hoverintent or any other complicated plugins or jQuery, it really is that simple</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">hover menu</a>, <a href="/" rel="tag">jQuery</a>, <a href="https://www.seopositiveltd.com/blog/tag/jquery-hover-menu" rel="tag">jQuery hover menu</a>, <a href="/" rel="tag">jQuery Tutorial</a><br/> Posted in <a href="../../tutorials-sub/category/brain-candy" title="View all posts in Brain Candy" rel="category tag">Brain Candy</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/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-101 post type-post hentry category-jquery category-jquery-tutorial category-javascript tag-html tag-javascript tag-jquery" id="post-101">
<h2><a href="/" rel="bookmark" title="Permanent Link to JavaScript or jQuery">JavaScript or jQuery</a></h2>
<hr/>
<p><small>June 8th, 2010 <!-- by admin --></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%2Fjavascript-or-jquery.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>So, many of you like and use jQuery. Its a fantastic JavaScript library, built for designers and beginners to learn and quickly roll out massively interactive applications on bombastic scales.</p>
<h2>But is it really necessary?</h2>
<p>Well it depends on what you plan to do, are you using the Ajax functionality or simple tweens like fade’s and slide’s if so, then you’re better off writing your own JavaScript as the jQuery library is a massive lump in your downloads, whether your page is optimised no matter how many parallel downloads you can achieve this is still a large product to be downloading for all first time visitors. Sure there are work arounds like putting your script tags at the bottom of your page and other common optimisation techniques.</p>
<p>But does it make sense to have thousands of lines of code you know you’re never going to use for the sake of convenience?</p>
<h3>For instance</h3>
<pre class="brush: php">document.getElementsByTagName('div').style.visibility='hidden');
</pre>
<p>Is exactly the same as</p>
<pre class="brush: php">$('div').css({'visibility':'hidden'});
</pre>
<p>Except with the jQuery example, you’ll find theres a look up, function calls, instantiation etc slowing the whole process down. So in terms of convenience, is it actually that convenient?</p>
<p>At <a href="https://www.seopositive.net/">SEO Positive</a> we use a mixture of jQuery, MooTools and bog standard JavaScript.</p>
<p>But I prefer to build all my own JavaScript tailored to the project, of course I do keep a library of my own tucked away for use which in future tutorials I will post as tutorials on here.</p>
<p>For convenience jQuery and MooTools are fantastic, for helping optimising your website they actually aren’t that great.</p>
<p>At <a href="https://www.seopositive.com/">SEO Positive</a> we think really hard about convenience, speed and overall optimisation which all helps with the development of any project and the search engine optimisation which ultimately gives you the best product tailored to your needs. jQuery and MooTools are great, but building your own JavaScript is much more rewarding and overall better for your website.</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">html</a>, <a href="/" rel="tag">javascript</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-52 post type-post hentry category-jquery-tutorial tag-jquery tag-jquery-tutorial" id="post-52">
<h2><a href="/" rel="bookmark" title="Permanent Link to Starting to use jQuery">Starting to use jQuery</a></h2>
<hr/>
<p><small>May 19th, 2010 <!-- by admin --></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%2Fstarting-to-use-jquery.php&style=normal" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<p>jQuery is a JavaScript library used by a very large percentage of the web development community, SEO Positive base most, if not, all of the JavaScript work we produce on jQuery because in the words of SEO Positive’s head of web development “It makes him weep with happiness”, we prefere to say it speeds up our development 10 fold.</p>
<p>Today we’re going to learn how to make our very first jQuery click event, a simple fading out action.</p>
<p>Firstly we need to create a div element with a contrasting background colour.</p>
<pre class="brush: php"><div style="background: green;">Hello world</div>
</pre>
<p>Now we have an element we can call from jQuery, head over to www.jquery.com and download the production release and include it into our page using the example below.</p>
<pre class="brush: php"><script src="https://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
</pre>
<p>Once you have this in your page, you should be able to set up the click and fade event using the example below.</p>
<pre class="brush: php"><script type="text/javascript">
$(document).ready(function(){
$('div').click(function(){
$(this).fadeOut();
});
});
</script></pre>
<p>The above code will trigger a fading event on the all the divs on the page.</p>
<p>The code explained:</p>
<p>$(document).ready(function(){ should come before any jQuery you wish to use as this initiates and prepares jQuery for use once the document has finished loading and after you have finished writing your jQuery functions this should follow });</p>
<p>The next line $(‘div’) selects all the divs on the page and $(‘div’).click(function(){ means bind all click events on a div to the function .fadeOut</p>
<p>Much like the $(document).ready(function(){ closing line you must close any functions with });</p>
<p>Once you have these elements on your page, the click on any div should cause it to fade out at default speed.</p>
<p>For more details see www.jQuery.com</p>
</div>
<p class="postmetadata">Tags: <a href="/" rel="tag">jQuery</a>, <a href="/" rel="tag">jQuery Tutorial</a><br/> Posted in <a href="../../tutorials-sub/category/jquery-tutorial" title="View all posts in jQuery Tutorial" rel="category tag">jQuery Tutorial</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"><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 current-cat"><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>
<!-- Auto SyntaxHighlighter -->
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/scripts/shCore.js?ver=3.0.83"></script>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/scripts/shBrushJScript.js?ver=3.0.83"></script>
<script type="text/javascript" src="https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/scripts/shBrushPhp.js?ver=3.0.83"></script>
<script type="text/javascript">
(function(){
var corecss = document.createElement('link');
var themecss = document.createElement('link');
var corecssurl = "https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/styles/shCore.css?ver=3.0.83";
if ( corecss.setAttribute ) {
corecss.setAttribute( "rel", "stylesheet" );
corecss.setAttribute( "type", "text/css" );
corecss.setAttribute( "href", corecssurl );
} else {
corecss.rel = "stylesheet";
corecss.href = corecssurl;
}
document.getElementsByTagName("head")[0].appendChild(corecss);
var themecssurl = "https://tutorials.seopositiveltd.co.uk/wp-content/plugins/auto-syntaxhighlighter/styles/shThemeDefault.css?ver=3.0.83";
if ( themecss.setAttribute ) {
themecss.setAttribute( "rel", "stylesheet" );
themecss.setAttribute( "type", "text/css" );
themecss.setAttribute( "href", themecssurl );
} else {
themecss.rel = "stylesheet";
themecss.href = themecssurl;
}
document.getElementsByTagName("head")[0].appendChild(themecss);
})();
SyntaxHighlighter.defaults['auto-links'] = false;
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.all();
</script>
<!-- /Auto SyntaxHighlighter -->
</body>
</html>