<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Josh Tucker &#124; Website Developer</title>
	<atom:link href="http://www.joshtucker.com.au/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.joshtucker.com.au</link>
	<description></description>
	<lastBuildDate>Mon, 02 Jun 2014 09:40:07 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.8.25</generator>
	<item>
		<title>Rotating a div&#8217;s background color with jQuery</title>
		<link>http://www.joshtucker.com.au/243/rotating-a-divs-background-color-with-jquery/</link>
		<comments>http://www.joshtucker.com.au/243/rotating-a-divs-background-color-with-jquery/#comments</comments>
		<pubDate>Mon, 19 Aug 2013 11:22:22 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=243</guid>
		<description><![CDATA[I was asked recently if there was an easy way to create a logo for a website, where the logos background color changes. Most peoples initial reaction would be to create an animated GIF to achieve this result, but a &#8230; <a href="http://www.joshtucker.com.au/243/rotating-a-divs-background-color-with-jquery/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>I was asked recently if there was an easy way to create a logo for a website, where the logos background color changes. Most peoples initial reaction would be to create an animated GIF to achieve this result, but a little bit of jQuery knowledge we can create the same effect with a simple transparent PNG image over a div that has a changing background color.</p>
<p><a href="http://www.joshtucker.com.au/tutorials/color-changing-logo.html" target="_blank">The end result of what we are going to create.</a></p>
<p><strong>The Theory:</strong><br />
If the image we create has transparent section sections and place it inside a div, the background color of the div will show through as part of the image. With jQuery we can change the background color and easily adjust the colors used and the transition timings. </p>
<p>This method could also be used as an onClick event to change the background color of a div, a possible use could be if your selling a product in a few variations of color, if you created a top layer image with transparent sections where the color come through from behind and let the user change the color of the product by clicking on a color sample to fill the background with that color.</p>
<p><strong>The Code:</strong><br />
Firstly we need to add a div to the HTML, which we can then apply the jQuery to. In this example I am creating a div with the ID of branding that we will add to the page.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;branding&quot;&gt;
&lt;img src=&quot;logo.png&quot; width=&quot;400&quot; height=&quot;400&quot; alt=&quot;&quot; /&gt;
&lt;/div&gt;
</pre>
<p>Next we need to set some basic style properties for the div and in this example I am going to place it in the middle of the page with position absolute. The main thing in the CSS though is that a background color should be set initially as the first color change will not happen until the interval set elapses.</p>
<pre class="brush: css; title: ; notranslate">
&lt;style type=&quot;text/css&quot;&gt;
#branding {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -200px;
	width: 400px;
	height:400px;
	background-color: #ffffff;
}
&lt;/style&gt;
</pre>
<p>Now that we have the image centered in the middle of the page we can start adding the jQuery that will animate the background color. I am going to load the Google jQuery library and also the jQuery UI script, which is essential to the animating the div&#8217;s background. You can leave the jQuery UI file out if you are animating the body background color.</p>
<p>In the jQuery itself we are going to set and interval that the process will repeat itself, in this example I have set it to 4000 milli seconds or every 4 seconds. There are also 2 variables, one holding an array of the colors to use and a random number generator that will select a number from the array each time. Being a random number generator the next color is never know and can be any color in the array, which I personally think is a cool effect but could be changed to be the current number than add 1 each interval.</p>
<p>Then we use the jQuery selector to get the div we set up and animate the background color to the newly selected color from the array, with a 1 second transition between the two colors, giving us a smooth and easily adjustable color changing image.</p>
<pre class="brush: php; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;http://code.jquery.com/ui/1.10.3/jquery-ui.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function() {  
	setInterval(function() {
		var theColours = Array('#ffffff','#f35c5c','#b1f35c','#5cd1f3','#835cf3');
		var theColour = theColours[Math.floor(Math.random()*theColours.length)];
		$('#branding').animate({backgroundColor: theColour}, 1000);
    }, 4000);
});  
&lt;/script&gt;
</pre>
<p><a href="http://www.joshtucker.com.au/tutorials/color-changing-logo.html" target="_blank">Check out the final result.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/243/rotating-a-divs-background-color-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple redirection to mobile site on log in</title>
		<link>http://www.joshtucker.com.au/236/simple-redirection-to-mobile-site-on-log-in/</link>
		<comments>http://www.joshtucker.com.au/236/simple-redirection-to-mobile-site-on-log-in/#comments</comments>
		<pubDate>Tue, 06 Aug 2013 00:08:33 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=236</guid>
		<description><![CDATA[I build many variations of custom Content Management Systems areas for clients and my personal projects. Recently I have started building mobile versions of their CMS, that runs along side the desktop version, usually with simplified functionality that is easier &#8230; <a href="http://www.joshtucker.com.au/236/simple-redirection-to-mobile-site-on-log-in/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>I build many variations of custom Content Management Systems areas for clients and my personal projects. Recently I have started building mobile versions of their CMS, that runs along side the desktop version, usually with simplified functionality that is easier to use on a mobile screen. </p>
<p>Using jQuery and php, we are going to build a simple website log in form that will detect mobile phones and log them into a mobile version of the website. With the redirection being done at the log in level, you can easily give visitor the ability to switch between the desktop site or the mobile site with ease.</p>
<p><strong>The Theory:</strong><br />
We are going to add a hidden field &#8220;isMobile&#8221;, to the log in form that has its default value set to &#8220;false&#8221;, then with jQuery we will check the screen width and if the screen size is less than our limit &#8220;isMobile&#8221; is then set to &#8220;true&#8221;.</p>
<p>Then in your log in script, we then check the value of &#8220;isMobile&#8221; and redirect to the appropriate website.</p>
<p><strong>The Code:</strong><br />
Lets begin with building the log in form, in this example we will use fields for &#8220;username&#8221;, &#8220;password&#8221;, &#8220;isMobile&#8221; and a submit button.</p>
<pre class="brush: php; title: ; notranslate">
&lt;form action=&quot;login.php&quot; method=&quot;post&quot; name=&quot;loginform&quot;&gt;
    &lt;label for=&quot;username&quot;&gt;Username:&lt;/label&gt;
    &lt;input type=&quot;text&quot; name=&quot;username&quot; value=&quot;&quot; /&gt;
    &lt;label for=&quot;password&quot;&gt;Password:&lt;/label&gt;
    &lt;input type=&quot;password&quot; name=&quot;password&quot; /&gt;
    &lt;input type=&quot;hidden&quot; name=&quot;isMobile&quot; value=&quot;false&quot; /&gt;
    &lt;input type=&quot;submit&quot; value=&quot;Log In&quot; /&gt;
&lt;/form&gt;
</pre>
<p>And then we are going to add some jQuery that will check the screen resolution and change the value of &#8220;isMobile&#8221; to &#8220;true&#8221;.</p>
<pre class="brush: php; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function(){
	if (window.screen.width &lt; 750) {
		$(&quot;input[name='isMobile']&quot;).val(&quot;true&quot;);
	}
});
&lt;/script&gt;
</pre>
<p>On your log in checking form we then check the value of &#8220;isMobile&#8221; to redirect the site to the desktop or mobile version of the CMS. There is a lot more to the log in process that you will work out or already have built but for this example we are going to do a simple redirect based on the &#8220;isMobile&#8221; value.</p>
<pre class="brush: php; title: ; notranslate">
if($_POST['mobile']==&quot;true&quot;){ 
    $siteversion = &quot;http://m.mydomain.com/mobile-admin/&quot;; 
} else { 
    $siteversion = &quot;http://www.mydomain.com/admin/&quot;; 
}
header('Location: '.$siteversion);
exit();
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/236/simple-redirection-to-mobile-site-on-log-in/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO tips for WordPress Beginers</title>
		<link>http://www.joshtucker.com.au/167/seo-tips-for-wordpress-beginers/</link>
		<comments>http://www.joshtucker.com.au/167/seo-tips-for-wordpress-beginers/#comments</comments>
		<pubDate>Sun, 21 Jul 2013 06:45:34 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Search Engine Optimisation]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=167</guid>
		<description><![CDATA[Selecting your keywords In this post I am going to share some of my tips and tricks to help you get your website ranking with some basic Search Engine Optimisation (SEO). If your website is built using WordPress as a &#8230; <a href="http://www.joshtucker.com.au/167/seo-tips-for-wordpress-beginers/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><strong>Selecting your keywords</strong><br />
In this post I am going to share some of my tips and tricks to help you get your website ranking with some basic Search Engine Optimisation (SEO). If your website is built using WordPress as a Content Management System (CMS), there are a few settings that you can tweak to improve your rankings without spending much more then time.</p>
<p>Before you begin any SEO work you need to know what words you are optimising your website for. A key point here is to know what words people are using in relation to your product service, as you are better ranking 4<sup>th</sup> for a keyword that gets 1000’s of hits compared 1<sup>st</sup> for a keyword that gets 6 searches per month. Luckily for us we can use the ‘<a href="https://adwords.google.com/o/KeywordTool" title="Google Keyword Research Tool" target="_blank">Google Keywoord Search Tool</a>’ to compare search terms and search volume.</p>
<p>When selecting keywords we also have to be realistic in what we hope to achieve, for example if I was trying to rank this site for “<a href="http://www.joshtucker.com.au/" title="WordPress Developer" >WordPress Developer</a>” there would be a lot of competition, I am better off narrowing my keywords down to a region “<a href="http://www.joshtucker.com.au/" title="WordPress Developer" >WordPress Developer Sydney</a>”. Even if there is less traffic for this extended keyword it should be easier to optimise and rank for and should be more accurate to the service I am promoting on my site. And if I was trying to rank for “<a href="http://www.joshtucker.com.au/" title="WordPress Developer" >WordPress Developer Mosman<a/>” there would be less people searching (and less competition for SEO) but easier to rank better for this keyword still.</p>
<p><strong>I have researched my Keywords, now what?</strong><br />
Once you have your selected keywords we can start to look at optimising your website and start putting emphasis on them. <strong>Good SEO involves both on page and off page techniques</strong> that when used together can help your websites rankings.</p>
<p>Now I must point out that there is no guaranteed way to get your website to the top of the rankings in a search engine and anyone that promises you this result probably does not know enough about the subject to advise you. Instead we can do a few things that are recommended by the search engines and hope they pick up on these changes and reward you by improving your ranking.</p>
<p><strong>On Page Optimisation with WordPress</strong><br />
When it comes to SEO, there are things that you should optimise on the web page itself. I use and recommend a plugin for this, mainly ‘<a href="http://wordpress.org/plugins/all-in-one-seo-pack/" title="All in One SEO Pack" target="_blank">All in One SEO Pack</a>’ or any plugin that will allow you to edit:</p>
<ul>
<li>Page Titles</li>
<li>Meta Descriptions</li>
</ul>
<p>These items above are key ingredients for SEO as they allow you to optimise your page and what is shown on the Search Engines Results Page (SERP), the more engaging the title and description the more likely the visitor is to click on your link, compared to the ones above or below it.</p>
<p>In the example below you will see the “Page Title” and “Meta Description” highlighted in the code of my websites homepage, then what it looks like on Google’s SERP.</p>
<p><img src="http://www.joshtucker.com.au/wp-content/uploads/2013/05/serp-josh-tucker.jpg" alt="serp-josh-tucker" width="560" height="489" class="aligncenter size-full wp-image-168" /></p>
<p>We can also try to optimise our page by adding the keywords to the heading used on the page, the top of the page should be using a H1 heading and be wrapped in a &lt;h1&gt;&lt;/h1&gt; tag,. You can only use the H1 tag once on the page and the next menu item would be a H2 and so forth down the page. The H1 tag indicates to search engines what the page is about and if the keywords are used in the opening paragraph it will support your claim of what your page is about.</p>
<p>As well as the text on the page, it helps to add images that utalise the keywords in their name. All images on your site should also have a “Alt” text and “Title”. Where possible the image should be relevant to the topic of the page.</p>
<p><strong>Off Page Optimisation with WordPress</strong><br />
It is important work on your SEO off your site as well, mainly working on building quality links to your website and submitting your websites sitemap to the search engines.</p>
<p>Links are like roads that connect destination and allow you to get across your city and like roads highways are more important in moving traffic than lane ways. When it comes to building links more is not necessarily better, you are better to have more reputable links (a highway) rather than you friends blog (a lane way).</p>
<p>Building reputable links is fairly easy once you get into the habit and know where to build. Adding your business to directories, such as Yellow Pages, is a great way link back to your site and also adds credibility in the eyes of search engines. There is also a lot to benefit from posting about your site to Social Media and setting up a presence for your site as a way for visitors to interact.</p>
<p><strong>What to do if you need some SEO help?</strong><br />
Feel free to contact me if you have any SEO, WordPress or website questions using the form below and I will endeavour to get back to you ASAP.</p>
[contact-form-7]
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/167/seo-tips-for-wordpress-beginers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New website developed &#8211; teamlists.info</title>
		<link>http://www.joshtucker.com.au/179/new-website-developed-teamlists-info/</link>
		<comments>http://www.joshtucker.com.au/179/new-website-developed-teamlists-info/#comments</comments>
		<pubDate>Tue, 04 Jun 2013 01:24:06 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=179</guid>
		<description><![CDATA[I have just launched my most recent website that has been designed and developed as a stand alone platform, allowing sporting clubs to easily manage their players into teams. I developed a visual &#8216;drag and drop&#8217; interface that allows you &#8230; <a href="http://www.joshtucker.com.au/179/new-website-developed-teamlists-info/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.teamlists.info" target="_blank"><img src="http://www.joshtucker.com.au/wp-content/uploads/2013/06/teamlist-screenshot.jpg" alt="Teamlist.info website screenshot" width="560" height="322" class="aligncenter size-full wp-image-180" /></a></p>
<p>I have just launched my most recent website that has been designed and developed as a stand alone platform, allowing sporting clubs to easily manage their players into teams.</p>
<p>I developed a visual &#8216;drag and drop&#8217; interface that allows you to add your players and team names to the website, then simply click and drag the players into their selected position.</p>
<p>Whilst originally developed to manage rugby team lists for <a href="http://www.mosmanrugby.com.au" target="_blank">Mosman Rugby</a>, I have tailored the interface to be very adaptable and now users can adjust the team sheet to different sports. </p>
<p>The site provides the option to have your team list embedded into your website (code is provided), or share your team list link with your players via email or social media via a unique link. The team list is instantly updated on your website if it is embedded or live on your unique link, as changes are made to your team list through our site. Live changes mean helps keep players up to date on all changes and remove any costs associated with updating your websites team list.</p>
<p><strong>For more information and to sign up to a 30 day trial, visit <a href="http://www.teamlists.info" target="_blank">www.teamlists.info</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/179/new-website-developed-teamlists-info/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 reasons you need a website for your business</title>
		<link>http://www.joshtucker.com.au/155/10-reasons-you-need-a-website-for-your-business/</link>
		<comments>http://www.joshtucker.com.au/155/10-reasons-you-need-a-website-for-your-business/#comments</comments>
		<pubDate>Mon, 13 May 2013 04:24:56 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=155</guid>
		<description><![CDATA[1. Having a good website builds trust &#38; credibility  The fact is many people use the internet prior to making a purchase, having a good website aids their decision making process, when researching what suits them best. If your business &#8230; <a href="http://www.joshtucker.com.au/155/10-reasons-you-need-a-website-for-your-business/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><b>1. Having a good website builds trust &amp; credibility </b></p>
<p>The fact is many people use the internet prior to making a purchase, having a good website aids their decision making process, when researching what suits them best. If your business and its products/services are not showing online or are represented poorly online, then many customer will usually go to one of your competitors who has a good online presence. A quality and professionally designed website will add credibility to your business. A poorly designed website can have the opposite effect.</p>
<p>Build your credibility online by letting visitors know what you have done and clients you work with, for example, if you have won any awards or are a member of any industry organisation, etc then you can mention this on your website.</p>
<p><b>2. Reach a wider audience &amp; provide information anytime</b></p>
<p>With a website you have a global reach, 24 hours a day, everyday of the year. Visitors are not restricted to only being able to contact you via your specific daily opening hours. If you are closed at weekends or on public holidays, then people can still find out about you. Potential customers can always access your information anytime and you can always refer potential customers to your website to get the information they are looking for.</p>
<p>Depending on the nature of your business you can potentially sell you products/services to millions of people, not just customers in your local area. Not only can you reach customers from all over the world, but you can also access even more people from your local area more effectivley too.</p>
<p><b>3. Your competitors probably already have their own websites</b></p>
<p>This means when people are looking for your product/service, they are likely to see your competitors website as well as yours. If you do not have a good website you’re missing out on potential customers! Online visitors are going to compare many aspects of your business with your competitors before making their decision, having a well designed and functional website will generally lead to more leads/sales.</p>
<p><b>4. Websites are a cost effective, relatively inexpensive and almost risk free investment</b></p>
<p>When people first began to adopt the internet these benefits would have been very costly and out of reach of the average small business owner. However, while every other advertising medium has increased in price over the past decade, website development and hosting has decreased significantly. There is virtually no risk involved, there is always a 99.9% chance that you get a return on the investment of having the site built.</p>
<p>Compared to traditional advertising methods used to market your business, such as yellow pages ads, newspaper ads, radio ads, direct mail, etc, setting up a website is relatively cheap. You can get a website set up quickly and easily for a minimum of $500, to cover the cost of the domain name, hosting, design and build.</p>
<p>A website is easier, cheaper and quicker to update than print material. Its’ capacities are almost limitless which allow you to provide users with more comprehensive information. This will save you money on printing and distribution costs as well.</p>
<p><b>5. Websites can expand on the benefits of other marketing</b></p>
<p>For each type of &#8220;traditional&#8221; marketing you already use, you can expand the benefits and how much information you can provide by simply adding your website address to the ad, flyer, listing, etc. So rather than seeing the ad and then forgetting about it, customers can instead follow up with a visit to your website and immediately access much more detailed information, communicate with you, or learn more about your business.</p>
<p><b>6. Your website you can educate your consumers</b></p>
<p>Providing visitors with detailed information about your products/services helps them know exactly how you will be able to meet their needs. Consumers today use the web to research before making purchases. They look for price comparisons, product options, quality differences, and any number of other criteria depending on the problem they are trying to solve. A feature-rich, custom website not only showcases your unique products and services, it also demonstrates pride in your business and illustrates to customers why your business is the right choice for them.</p>
<p><b>7. Open dialog with your visitors and generate valuable leads</b></p>
<p>Your website provides a way to communicate with you anytime, you can gather information about your customers and potential customers by using forms and surveys on your website. Rather than going out and getting new leads, let them come to you and follow up with the information the consumer is after. Your website is a great tool for prospecting targeted customers looking to use your products and services.</p>
<p><b>8. Great recruiting tool</b></p>
<p>Whether you are looking for new talent or posting job opportunities with your company, your website is a great recruiting tool for building your business. Not only is there no cost in advertising you open positions on your own website most people that see your listing on traditional job advertisements will visit your site. Potential employees should be able to find answers to some questions they may have about your business before they start.</p>
<p><b>9. Protect your brand  </b></p>
<p>Not only will having a business website help generate more inquiries for you, it will also help secure you brand online. If you don’t have a website for your business online, then there is always the danger that “cybersquatters” will register your business name online. Even worse, anybody with an axe to grind, or an unscrupulous competitor might set up a website to damage your business reputation. Ensuring you have an online presence will help protect your brand.</p>
<p><b>10. Your website promotes your ‘Bricks n Mortar’ presence</b></p>
<p>Even if you don’t actually sell anything online via your website, the fact is having a website will give people reassurance when they are considering your product/service. For example, if your business focuses on your local area only e.g. a Sydney wedding photographer, then many people in that area will search online for wedding photographers in the Sydney area, to find out what is available. Far more people are searching online, than there are people looking through the Yellow Pages, as search engines have become much better at filtering results and getting you to what you are after much quicker.</p>
<p>Once they find your product/service online, they will be able to make a phone call or come and visit you (if your address is listed on your contact details). Without a website you would not be found and would lose business to your competitors, who are promoting themselves online.</p>
<p><strong>What to do if you need some help?</strong><br />
Feel free to contact me if you have any SEO, WordPress or website questions using the form below and I will endeavour to get back to you ASAP.</p>
[contact-form-7]
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/155/10-reasons-you-need-a-website-for-your-business/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easy mobile site redirection with WordPress</title>
		<link>http://www.joshtucker.com.au/150/easy-mobile-site-redirection-with-wordpress/</link>
		<comments>http://www.joshtucker.com.au/150/easy-mobile-site-redirection-with-wordpress/#comments</comments>
		<pubDate>Mon, 22 Apr 2013 02:30:41 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=150</guid>
		<description><![CDATA[Using WordPress and cookies, we are going to build a redirection script that will give the visitor the ability to view the full site or the mobile site with ease. A common problem when adding a redirection is that when &#8230; <a href="http://www.joshtucker.com.au/150/easy-mobile-site-redirection-with-wordpress/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Using WordPress and cookies, we are going to build a redirection script that will give the visitor the ability to view the full site or the mobile site with ease. A common problem when adding a redirection is that when visitors click back to the full site, they’re redirect back to the mobile site in an infinite loop.</p>
<p><strong>The Theory:</strong></p>
<p>When a visitor loads the website we will use WordPress to set a cookie, that last 10 mins. Then when loading the site we will check if the cookie is set and redirect only if the Cookie is not set (ie. When first loading the site or revisiting after 10 min). </p>
<p>That way if the visitor chooses to go back to the full site, the cookie will still be set and the redirect script will not be activated.</p>
<p><strong>The Code:</strong></p>
<p>To set a cookie in WordPress we can add a new function to the themes function file (functions.php) and add an action to run the new function when a visitor loads the site.</p>
<pre class="brush: php; title: ; notranslate">
function set_new_visitor_cookie() {
	if (!isset($_COOKIE['sitename_newvisitor'])) {
		setcookie('sitename_newvisitor', 1, time()+600, COOKIEPATH, COOKIE_DOMAIN, false);
	}
}
add_action( 'init', 'set_new_visitor_cookie');
</pre>
<p>This will now add a cookie &#8216;sitename_newvisitor&#8217; that lasts 10 min (you can adjust the time()+600 to how many seconds you need) and can be checked for when loading the site. Next we will add the following code to the header section of the theme (header.php) and this will only execute if the cookie is not set.</p>
<pre class="brush: php; title: ; notranslate">
&lt;? if (!isset($_COOKIE['sitename_newvisitor'])) {
     echo '&lt;script type=&quot;text/javascript&quot;&gt;
&lt;!--
if (screen.width &lt;= 740) {
document.location = &quot;http://m.sitename.com.au/&quot;;
}
//--&gt;
&lt;/script&gt;';
} ?&gt;
</pre>
<p>The Javascript above is a basic redirect script that is checking if the device screen width is less than 740 pixels and changes the document location if it returns true. the method will still work if you have your own redirection script that checks the visitors useragent, but with so many devices available I only check screen width to redirect smartphone devices.</p>
<p>You need to change the redirection url in the code above to point to your mobile site and on your mobile site have a link back to your site url and it will not loop. If the visitor loads the site again they will get the full site. If they visit again after 10 minutes they will get redirected to the mobile site again.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/150/easy-mobile-site-redirection-with-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cycle text using jQuery and unordered lists</title>
		<link>http://www.joshtucker.com.au/120/cycle-text-using-jquery-and-unordered-lists/</link>
		<comments>http://www.joshtucker.com.au/120/cycle-text-using-jquery-and-unordered-lists/#comments</comments>
		<pubDate>Thu, 07 Mar 2013 22:20:02 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=120</guid>
		<description><![CDATA[In recent years anything that was animated on a website you would automatically assume it to be Flash. However, with apple&#8217;s iPhone and iPad&#8217;s not supporting Flash people have begun to leave flash and use other methods to create animations &#8230; <a href="http://www.joshtucker.com.au/120/cycle-text-using-jquery-and-unordered-lists/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>In recent years anything that was animated on a website you would automatically assume it to be Flash. However, with apple&#8217;s iPhone and iPad&#8217;s not supporting Flash people have begun to leave flash and use other methods to create animations that work across all devices. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations.</p>
<p>Today I am going to show you how, using jQuery I was able to cycle text (of the services the website provides) using jQuery and an unordered list. </p>
<p><strong>The complete Code will produce this:</strong></p>
<ul class="rotatelist">
<li>Josh Tucker..</li>
<li class="textright">Web Developer&#8230;</li>
<li>WordPress Developer&#8230;</li>
<li class="textright">jQuery Tutorial&#8230;</li>
</ul>
<p><strong>So lets have a look at the code:</strong></p>
<p>We will start with the HTML that will go into the body of the page, this is going to contain our unordered list that we are going to cycle through. There is not limit on how many items can be on the list and being that they are words they will not affect the load time of the website. The unordered list can contain links, images or any other HTML you would like to use.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;ul class=&quot;rotatelist&quot;&gt;
            &lt;li&gt;Josh Tucker..&lt;/li&gt;  
            &lt;li class=&quot;textright&quot;&gt;Web Developer...&lt;/li&gt;
            &lt;li&gt;WordPress Developer...&lt;/li&gt;
            &lt;li class=&quot;textright&quot;&gt;jQuery Tutorial...&lt;/li&gt;
&lt;/ul&gt;
</pre>
<p>In the list above you will see that we have added a class &#8220;rotatelist&#8221; to the unordered. We will use this for both the styling with CSS and the implementation of the jQuery code.</p>
<p>Firstly lets create some style rules for the unordered list. Main things to note that the unordered list needs to be set to position relative and the listed items set to position absolute. This will cause them to load over the top of each other in the same location. Then it is a matter of using jQuery to rotate through the list fading 1 in to display at any one time.</p>
<p>I have also set the width at 560px and added the class &#8220;textright&#8221; to some of the listed items, this will make those items align to the right of the text box. You could also add more places to move it to the top and bottom of the div.</p>
<pre class="brush: css; title: ; notranslate">
&lt;style&gt;
ul.rotatelist {
            width:560px;
            list-style: none;
            position:relative;
            margin:0;
            color:#000000;
            font-size:28px;
            margin-top:30px;
}
ul.rotatelist li {
            position:absolute;
            left:0px;
            top:0px;
            display:inline;
            width:560px;
}
ul.rotatelist li.textright {
            text-align:right;
}
ul.rotatelist li.show {
            z-index:500;      
}
&lt;/style&gt;
</pre>
<p>Lastly we need to add the jQuery that is going to cycle through the unordered list. I have included a Google hosted jQuery library and the jQuery below.</p>
<p>The first thing we set up are the variables that control the fade duration and slide duration, these are times in milliseconds, and set the current and next intervals to 1. Once the document is ready we add CSS to the unordered list to make the opacity 0. We then loop through the nth-child of the listed items fading the current item in and out.</p>
<pre class="brush: php; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
 	var fadeDuration=4000;
	var slideDuration=4000;
	var currentIndex=1;
	var nextIndex=1;
	$(document).ready(function()
	{
		$('ul.rotatelist li').css({opacity: 0.0});
		$(&quot;'ul.rotatelist li:nth-child(&quot;+nextIndex+&quot;)'&quot;).addClass('show').animate({opacity: 1.0}, fadeDuration);
		var timer = setInterval('nextSlide()',slideDuration);
	})
	function nextSlide(){
		nextIndex =currentIndex+1;
		if(nextIndex &gt; $('ul.rotatelist li').length)
		{
			nextIndex =1;
		}
		$(&quot;'ul.rotatelist li:nth-child(&quot;+nextIndex+&quot;)'&quot;).addClass('show').animate({opacity: 1.0}, fadeDuration);
		$(&quot;'ul.rotatelist li:nth-child(&quot;+currentIndex+&quot;)'&quot;).animate({opacity: 0.0}, fadeDuration).removeClass('show');
		currentIndex = nextIndex;
	}
&lt;/script&gt;
</pre>
<p>Thank you for reading through this tutorial, my first ever, after years of developing it is time to start putting something back. Below is the complete code, you can also <a href="http://www.joshtucker.com.au/tutorials/Rotating-Unordered-List.html" target="_blank">view a working example</a>.</p>
<pre class="brush: php; title: ; notranslate">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;Rotating Unordered List Items&lt;/title&gt;
&lt;style&gt;
ul.rotatelist {
            width:560px;
            list-style: none;
            position:relative;
            margin:0;
            color:#000000;
            font-size:28px;
            margin-top:30px;
}
ul.rotatelist li {
            position:absolute;
            left:0px;
            top:0px;
            display:inline;
            width:560px;
}
ul.rotatelist li.textright {
            text-align:right;
}
ul.rotatelist li.show {
            z-index:500;      
}
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
 	var fadeDuration=4000;
	var slideDuration=4000;
	var currentIndex=1;
	var nextIndex=1;
	$(document).ready(function()
	{
		$('ul.rotatelist li').css({opacity: 0.0});
		$(&quot;'ul.rotatelist li:nth-child(&quot;+nextIndex+&quot;)'&quot;).addClass('show').animate({opacity: 1.0}, fadeDuration);
		var timer = setInterval('nextSlide()',slideDuration);
	})
	function nextSlide(){
		nextIndex =currentIndex+1;
		if(nextIndex &gt; $('ul.rotatelist li').length)
		{
			nextIndex =1;
		}
		$(&quot;'ul.rotatelist li:nth-child(&quot;+nextIndex+&quot;)'&quot;).addClass('show').animate({opacity: 1.0}, fadeDuration);
		$(&quot;'ul.rotatelist li:nth-child(&quot;+currentIndex+&quot;)'&quot;).animate({opacity: 0.0}, fadeDuration).removeClass('show');
		currentIndex = nextIndex;
	}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Cycle text using jQuery and unordered lists&lt;/h1&gt;
&lt;a href=&quot;http://www.joshtucker.com.au/120/cycle-text-using-jquery-and-unordered-lists/&quot; target=&quot;_blank&quot;&gt;View the tutorial on joshtucker.com.au&lt;/a&gt; 
&lt;ul class=&quot;rotatelist&quot;&gt;
            &lt;li&gt;Clairvoyant...&lt;/li&gt;
            &lt;li class=&quot;textright&quot;&gt;Psychic Readings...&lt;/li&gt;
            &lt;li&gt;Energetic Healings...&lt;/li&gt;
            &lt;li class=&quot;textright&quot;&gt;Channelling...&lt;/li&gt;
            &lt;li&gt;Past Lives...&lt;/li&gt;
            &lt;li class=&quot;textright&quot;&gt;Soul Purpose...&lt;/li&gt;
            &lt;li&gt;Future Possibility...&lt;/li&gt;
            &lt;li class=&quot;textright&quot;&gt;Meditation...&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/120/cycle-text-using-jquery-and-unordered-lists/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why is it essential to do SEO</title>
		<link>http://www.joshtucker.com.au/93/why-is-it-essential-to-do-seo/</link>
		<comments>http://www.joshtucker.com.au/93/why-is-it-essential-to-do-seo/#comments</comments>
		<pubDate>Tue, 05 Feb 2013 12:20:40 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Search Engine Optimisation]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=93</guid>
		<description><![CDATA[SEO also known as Search Engine Optimization is the most excellent technique to promote any website efficiently and afford ably. Suggestions and questions concerning SEO are many and vary depending on your website. In this post, you can learn the answers to &#8230; <a href="http://www.joshtucker.com.au/93/why-is-it-essential-to-do-seo/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>SEO also known as Search Engine Optimization is the most excellent technique to promote any website efficiently and afford ably. Suggestions and questions concerning SEO are many and vary depending on your website. In this post, you can learn the answers to some of your more common and more curiosity-driven questions.</p>
<p><strong>Can SEO Help My Website Or Is It A Scam?</strong></p>
<p>SEO is a valid, re searchable and proven method of promoting your website within the organic search rankings. Many web professionals attend online schools and courses to learn advanced SEO techniques. As there is no surefire method to guarantee your website the top spot with SEO, letting professionals handle your SEO, will give you access to their toolbox of techniques and a much higher likely hood of getting that top spot for your key word.</p>
<p><strong>Can SEO Really Be All That Effective?</strong></p>
<p>Businesses which employ valid SEO Professionals, find that they can attract more traffic to their website without the need to buy visitors to their website, through Pay Per Click (PPC) advertising. PPC is a great platform to get short term results but once your budget is exhausted you will not receive any more clicks. SEO is about optimising your website and getting you found for your keywords. SEO has long term benefits as once your website has been optimised it can maintain its ranking with little effort.</p>
<p><strong>How Much Does SEO Cost?</strong></p>
<p>This is also worked out by many factors and is dependent upon your SEO professionals. Most SEO professionals will only agree to work on your site for a minimum of 3 months, to start generating results. However, the cost per month or year with a quality SEO Provider, is significantly cheaper than a pay-per-click advertising campaign run for the same time frame.</p>
<p><strong>Do I Have to Keep Doing SEO Forever?</strong></p>
<p>The simple answer is yes but this does NOT mean that you have to spend money which you do not have. A quality SEO campaign should increase your website traffic and conversions within two months, so significantly that it will more than pay for itself and allow you keep maintaining your SEO. Once you have spent money on the initial investment I would recommend that you keep your SEO ongoing with a smaller investment to allow SEO campaign to continue to build on its success.</p>
<p>If, after two months, you are not beginning to see a significant improvement in rankings and traffic…shop for other SEO Providers. Remember that search engines cannot be coerced to rank at will, so it WILL take some time in the beginning, but you should have noticeable results within three months.</p>
<p><strong>When Can I Start Using an SEO Service?</strong></p>
<p>You can start a strong, valid SEO campaign immediately. Contact your SEO site professionals (or get a reference from an actively online business) and talk to the pros about your goals for the future of your website. Ask them about all of the options available, have them quote a price for you, and be sure to understand the budget requirements to receive steady, ongoing, new web content for your site.</p>
<p><strong>What are the Downsides of Using SEO?</strong></p>
<p>SEO is a tool and as with any tool, it can be abused. There are two types of SEO, White Hat SEO and Black Hat SEO. Consider these two tools in terms of investments, Black Hat SEO is a high risk investment that can supply good returns quickly but you can also loose it all overnight, White Hat SEO is like investing in cash, it is stable and proven, no risk. Make sure you ask your SEO professional if they plan to use any Black Hat techniques and the consequences if they are detected by the search engines. Users and search engines identify and mark spamming characteristics, so even this form of abuse is extremely short-lived. Otherwise, there are zero downsides to using SEO.</p>
<p><strong>Can I do SEO on My Own?</strong></p>
<p>Yes, you can. However, it is not recommended for two reasons: First, you must study, research and become extremely adept at using SEO, which is a huge, time-consuming process. Secondly, in order to achieve and maintain high search engine rankings, you must provide fresh, poignant, daily content for your site. This is not only time-consuming, but it can also be frustrating if you lack the knack for writing.</p>
<p><strong>What is the Difference Between Hiring an SEO Company and Doing It Myself?</strong></p>
<p>The difference is: everything. SEO Professionals have received extensive training and knowledge on the ins and outs of the search engine universe, how to manipulate various factors in your success, and to reach your goals quickly and efficiently. They have spent the time and effort on learning this trade so that you do not have to. They are computer, internet and programming experts. While you may achieve a small amount of success doing it yourself, the results from hiring a professional company are astounding.</p>
<p><strong>What to do if you need some help?</strong><br />
Feel free to contact me if you have any SEO, WordPress or website questions using the form below and I will endeavour to get back to you ASAP.</p>
[contact-form-7]
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/93/why-is-it-essential-to-do-seo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Organic Search Engine Results Explained</title>
		<link>http://www.joshtucker.com.au/91/organic-search-engine-results-explained/</link>
		<comments>http://www.joshtucker.com.au/91/organic-search-engine-results-explained/#comments</comments>
		<pubDate>Mon, 28 Jan 2013 12:20:03 +0000</pubDate>
		<dc:creator><![CDATA[joshtuckeradmin]]></dc:creator>
				<category><![CDATA[Search Engine Optimisation]]></category>

		<guid isPermaLink="false">http://www.joshtucker.com.au/?p=91</guid>
		<description><![CDATA[Organic searches are the results show by a search engine when a user is looking for a “subject matter”, these are usually made up of multiple words.  Search Engine Optimisation helps organise and index your website properly so that it receives &#8230; <a href="http://www.joshtucker.com.au/91/organic-search-engine-results-explained/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Organic searches are the results show by a search engine when a user is looking for a “subject matter”, these are usually made up of multiple words.  Search Engine Optimisation helps organise and index your website properly so that it receives plenty of visibility in search results for your targeted keywords.</p>
<p>You have most likely heard of SEO and how it can increase organic traffic to your website. You may also know that search engines are continually “crawling” the web, looking for fresh and unique content. If you need to, think of giant caterpillars crawling over thousands of tiny little documents, sorting out which ones are the ones people should read and which are misleading. The search engines and looking for many things but most importantly they are looking for relevant information on your site, the links to and from your site and how you organise your site relative to the subject matter. For example, if your site is all about Ants, then the caterpillars will categorize your site under Ants, under Bugs, under Six-legged, and under Creepy Crawlies. If someone searches for “creepy crawly,” then your documentary on Red Ant bites is more likely to come up.</p>
<p><strong>The Search Engines Listen To Your Peers</strong></p>
<p>Search engines are not sentient, and therefore do not know if a site is spam or not. A site which receives many regular visitors is probably not spam and is indexed accordingly by the search engines. The search engines also look at which other sites link to your site and in turn who your site links to. If a site is linked to from reputable sources your site is given “credit points” from the search engines and linking your content to creditable sources can help your rankings. When sites are  repeatedly blocked, reported or ignored by visitors, then it drops in ranking until it is not visible or it is on the bottom of the list in searches.</p>
<p>In addition to this, if a site is not organized according to specific subjects, then it can be regarded as spam by search engines. Keep your subjects, keywords and topic-related items together. Try to avoid setting up a single site devoted to Football, Healthy Foods and SEO. That will confuse the search engines. If these are your three passions, consider setting up a site for each of them and work on the optimisation for each of them accordingly.</p>
<p><strong>Why Organic Searches Are More Cost Effective For Your Website</strong></p>
<p>Let us say that your site on Ants has “Ants” in the title, “six-legged” in the sub-title, and other pages or blog posts which include words like “anthill,” “ant traps,” or “how to get rid of ants.” The search engines understand that these are all related topics and that your site certainly appears to be legitimate. The search engines will index and rank your site accordingly for these key words.</p>
<p>However, let us say that you were sloppy when setting up your site, you know nothing of SEO techniques, and you decide to pay for a PPC ad campaign. The search engines look at your site, see “Ants” in the title, “bowling” in the subtitle, and blog posts of your daily activities on other pages. Since your site is not well-organized on a specific subject, search engines will rank it very low and the only visibility you will receive is from your pay-per-click (PPC) campaign. Once your money has depleted, your visibility will drop to zero. Incorporate proper SEO into your site to keep visibility high when negotiating your ad campaigns. SEO may be more upfront to get your site ranking than PPC, but once your budget runs out with PPC you no longer get traffic compared to SEO where you will be able to maintain high rankings with less investment.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.joshtucker.com.au/91/organic-search-engine-results-explained/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
