<?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>WebCrate</title>
	<atom:link href="http://www.webcrate.co.uk/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webcrate.co.uk</link>
	<description>Web Design, UK Web Hosting and Domain Names</description>
	<lastBuildDate>Sat, 30 Mar 2013 18:06:01 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Handling the JSON format in PHP</title>
		<link>http://www.webcrate.co.uk/design/handling-json-formats-in-php/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=handling-json-formats-in-php</link>
		<comments>http://www.webcrate.co.uk/design/handling-json-formats-in-php/#comments</comments>
		<pubDate>Sun, 10 Feb 2013 15:52:09 +0000</pubDate>
		<dc:creator>smcphee</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[curl]]></category>
		<category><![CDATA[foreach]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[while]]></category>

		<guid isPermaLink="false">http://www.webcrate.co.uk/?p=1304</guid>
		<description><![CDATA[<p>When using an API or third party plugin you may have the option of receiving responses in a JSON format. JSON is a format that can be parsed easily in a number of languages. Whilst XML is more familiar to a lot of us, JSON has a smaller footprint and so is desirable if you're...</p><p>The post <a href="http://www.webcrate.co.uk/design/handling-json-formats-in-php/">Handling the JSON format in PHP</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>When using an API or third party plugin you may have the option of receiving responses in a JSON format. JSON is a format that can be parsed easily in a number of languages. Whilst XML is more familiar to a lot of us, JSON has a smaller footprint and so is desirable if you're transferring chunks of data from one place to another. It's also quite neat!</p>

<p>Here's a sample snippet of JSON -</p>

<code>
{<br/>
"cars": [<br/>
&nbsp;&nbsp;{ "make":"BMW" , "model":"M3" }, <br/>
&nbsp;&nbsp;{ "make":"Ford" , "model":"Ka" }, <br/>
&nbsp;&nbsp;{ "make":"Renault" , "model":"Clio" }<br/>
]<br/>
}<br/>
</code>

<p>To parse JSON data in PHP you can make use of the custom functions already available to you. </p>

<p>Here's an example of how to do it-</p>

<code>
/* This function will get your data from a specified URL */ <br/>
function get_url($url) {  <br/>
&nbsp;&nbsp;&nbsp;$ch = curl_init();<br/>
&nbsp;&nbsp;&nbsp;$timeout = 120;<br/>
&nbsp;&nbsp;&nbsp;curl_setopt($ch, CURLOPT_URL, $url);<br/>
&nbsp;&nbsp;&nbsp;curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);<br/>
&nbsp;&nbsp;&nbsp;curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);<br/>
&nbsp;&nbsp;&nbsp;curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); <br/>
&nbsp;&nbsp;&nbsp;curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);  <br/>
&nbsp;&nbsp;&nbsp;curl_setopt($ch, CURLOPT_VERBOSE, true);<br/>
&nbsp;&nbsp;&nbsp;$data = curl_exec($ch);<br/>
&nbsp;&nbsp;&nbsp;curl_close($ch);  <br/>
&nbsp;&nbsp;&nbsp;return $data;<br/>
}<br/>
<br/>
/* Download and decode the data */<br/>
$my_jsn=get_url("https://myapi.com/api/products/example.json?auth-userid=test&#038;auth-password=test1");<br/>
$my_details=json_decode($my_jsn, true);<br/>
<br/>
/* You can now parse the data however you like */<br/>
foreach($my_details as $key=>$value)<br/>
{<br/>
&nbsp;&nbsp;&nbsp;//do something - you will need a sub loop depending on your structure<br/>
}<br/>
</code>

<p>If you need more information try visiting one of the links below.</p>

<a href="http://www.w3schools.com/json/default.asp" target="_blank">www.w3schools.com/json</a><br/>
<a href="http://www.json.org/" target="_blank">www.json.org</a><p>The post <a href="http://www.webcrate.co.uk/design/handling-json-formats-in-php/">Handling the JSON format in PHP</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webcrate.co.uk/design/handling-json-formats-in-php/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Remove the Admin Bar from WordPress</title>
		<link>http://www.webcrate.co.uk/design/remove-the-admin-bar-from-wordpress/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=remove-the-admin-bar-from-wordpress</link>
		<comments>http://www.webcrate.co.uk/design/remove-the-admin-bar-from-wordpress/#comments</comments>
		<pubDate>Sun, 27 Jan 2013 13:36:19 +0000</pubDate>
		<dc:creator>smcphee</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[admin bar]]></category>
		<category><![CDATA[functions.php]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.webcrate.co.uk/?p=1287</guid>
		<description><![CDATA[<p>Whilst viewing your site you will be presented with an admin bar across the top of the screen if you're logged into the WordPress dashboard. This can be annoying and can get in the way of your content. Follow our simple steps below to remove the admin bar. Remove the admin bar for all Users...</p><p>The post <a href="http://www.webcrate.co.uk/design/remove-the-admin-bar-from-wordpress/">Remove the Admin Bar from WordPress</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Whilst viewing your site you will be presented with an admin bar across the top of the screen if you're logged into the WordPress dashboard. This can be annoying and can get in the way of your content. Follow our simple steps below to remove the admin bar.</p>

<h2>Remove the admin bar for all Users</h2>
<p>Paste the below lines into your functions.php within your theme (or child-theme) folder.</p>
<code>
/* Disable the Admin Bar. */<br/>
show_admin_bar(false);<br/>
</code>


<p>The post <a href="http://www.webcrate.co.uk/design/remove-the-admin-bar-from-wordpress/">Remove the Admin Bar from WordPress</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webcrate.co.uk/design/remove-the-admin-bar-from-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Child Themes in WordPress</title>
		<link>http://www.webcrate.co.uk/wordpress/how-to-create-a-child-theme-in-wordpress/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-create-a-child-theme-in-wordpress</link>
		<comments>http://www.webcrate.co.uk/wordpress/how-to-create-a-child-theme-in-wordpress/#comments</comments>
		<pubDate>Sun, 27 Jan 2013 12:35:51 +0000</pubDate>
		<dc:creator>smcphee</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[child]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[customise]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[webcrate]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.webcrate.co.uk/?p=1267</guid>
		<description><![CDATA[<p>When would you want to create a child theme? When you install Wordress you will most likely choose and install a particular theme that suits your content. This is a quick and easy way of getting some brilliant designs applied to your website. But what happens when the theme's author publishes an update? Do you...</p><p>The post <a href="http://www.webcrate.co.uk/wordpress/how-to-create-a-child-theme-in-wordpress/">Using Child Themes in WordPress</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></description>
				<content:encoded><![CDATA[<h2>When would you want to create a child theme?</h2>
<p>When you install Wordress you will most likely choose and install a particular theme that suits your content. This is a quick and easy way of getting some brilliant designs applied to your website.</p>

<p>But what happens when the theme's author publishes an update? Do you apply the update at the risk of losing all of your changes? The answer is to use child themes.</p>

<h2>So how do they work?</h2>
<p>You can think of child themes as a clone of a parent theme, within which you can make customisations that will not get overwritten when the parent theme is updated. For example, you may decide that you don't like the width of the page, or the colour of the background. Instead of editing the parent theme, and risk losing all of your changes when the theme gets updated, you can simply create a child theme which contains all of your customisations.</p>

<h2>Sounds great, how do I do it?</h2>
<p>It's easy! Just following our step by step guide below.</p>
<ul>
	<li>Open your FTP client, or use the file manager of your hosting control panel, and navigate to the home directory of your WordPress install.</li>
	<li>Navigate to the directory in which your themes are installed. This is normally at a path similar to /public_html/wp-content/themes.</li>
<li>Create a new directory in the themes directory. This is where your child theme will live. You can name the directory whatever you like, however avoid spaces or any special characters.</li>
<li>This new directory will contain your amended content, and will be safe from any updates to the parent theme.</li>
<li>style.css is the only file you have to include in a child theme. Within this you specify which parent the child theme relates to. Here's a sample css file, note the line starting with Template:, which is where we specify the parent theme.</li>
<code>
/*<br/>
Theme Name: WebCrate Custom Child<br/>
Description: WebCrate Child Demo <br/>
Author: WebCrate Design Team<br/>
Template: parenttheme<br/>
*/<br/>
<br/>
@import url("../parenttheme/style.css");<br/>
<br/>
.site-title a {<br/>
    color: #0000FF;<br/>
}<br/>
</code>
<li>You can see that we have also used an import to include the parents style sheet in our child theme.</li>
<li>When you have made all of your changes, all that is left is to browse to your WordPress admin area and activate the child theme!</li>
<li>See, we said it was easy <img src='http://www.webcrate.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul><p>The post <a href="http://www.webcrate.co.uk/wordpress/how-to-create-a-child-theme-in-wordpress/">Using Child Themes in WordPress</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webcrate.co.uk/wordpress/how-to-create-a-child-theme-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Showcase of WordPress Custom Login Pages</title>
		<link>http://www.webcrate.co.uk/wordpress/showcase-of-wordpress-custom-login-pages/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=showcase-of-wordpress-custom-login-pages</link>
		<comments>http://www.webcrate.co.uk/wordpress/showcase-of-wordpress-custom-login-pages/#comments</comments>
		<pubDate>Wed, 15 Aug 2012 12:46:49 +0000</pubDate>
		<dc:creator>tcastle</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[customise]]></category>
		<category><![CDATA[login page]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.webcrate.co.uk/?p=1215</guid>
		<description><![CDATA[<p>Building a custom WordPress login page helps maintain a consistent brand throughout a website. But it's also a great opportunity to show off what you can do. Here's some of the better WordPress login pages I've come across. Post yours and I'll add it to the list.</p><p>The post <a href="http://www.webcrate.co.uk/wordpress/showcase-of-wordpress-custom-login-pages/">Showcase of WordPress Custom Login Pages</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>
Building a <a href="/wordpress/customise-the-wordpress-login-page/">custom WordPress login</a> page helps maintain a consistent brand throughout a website. But it's also a great opportunity to show off what you can do. Here's some of the better WordPress login pages I've come across. Post yours and I'll add it to the list.
</p>

<div id="attachment_1466" class="wp-caption alignleft" style="width: 610px"><img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/wp-candy.png" alt="" title="wp-candy" width="600" height="422" class="size-full wp-image-1466" /><p class="wp-caption-text">http://wpcandy.com</p></div>

<div id="attachment_1221" class="wp-caption alignleft" style="width: 610px"><img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/faisal-rachmadin.jpg" alt="" title="faisal-rachmadin" width="600" height="394" class="size-full wp-image-1221" /><p class="wp-caption-text">http://rachmadin.com</p></div>

<div id="attachment_1459" class="wp-caption alignleft" style="width: 610px"><img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/destiny-islands.png" alt="" title="destiny-islands" width="600" height="423" class="size-full wp-image-1459" /><p class="wp-caption-text">http://www.destinyislands.com/</p></div>

<div id="attachment_1224" class="wp-caption alignleft" style="width: 610px"><img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/lucianosimas.jpg" alt="" title="lucianosimas" width="600" height="340" class="size-full wp-image-1224" /><p class="wp-caption-text">http://www.lucianosimas.com.br/</p></div>

<div id="attachment_1233" class="wp-caption alignleft" style="width: 610px"><img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/wp-cookies.jpg" alt="" title="wp-cookies" width="600" height="388" class="size-full wp-image-1233" /><p class="wp-caption-text">http://www.wpcookies.com/</p></div>

<div id="attachment_1462" class="wp-caption alignleft" style="width: 610px"><img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/la-lune-mauve.png" alt="" title="la-lune-mauve" width="600" height="361" class="size-full wp-image-1462" /><p class="wp-caption-text">http://www.lalunemauve.fr/</p></div>

<div id="attachment_1232" class="wp-caption alignleft" style="width: 610px"><img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/web2feel.jpg" alt="" title="web2feel" width="600" height="340" class="size-full wp-image-1232" /><p class="wp-caption-text">http://www.web2feel.com</p></div>

<img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/university.jpg" alt="" title="university" width="600" height="303" class="alignleft size-full wp-image-1234" />

<img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/generations-church.jpg" alt="" title="generations-church" width="600" height="395" class="alignleft size-full wp-image-1235" />

<img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/digital-animation.jpg" alt="" title="digital-animation" width="600" height="379" class="alignleft size-full wp-image-1227" /><p>The post <a href="http://www.webcrate.co.uk/wordpress/showcase-of-wordpress-custom-login-pages/">Showcase of WordPress Custom Login Pages</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webcrate.co.uk/wordpress/showcase-of-wordpress-custom-login-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customise the WordPress Login Page</title>
		<link>http://www.webcrate.co.uk/wordpress/customise-the-wordpress-login-page/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=customise-the-wordpress-login-page</link>
		<comments>http://www.webcrate.co.uk/wordpress/customise-the-wordpress-login-page/#comments</comments>
		<pubDate>Tue, 14 Aug 2012 09:12:22 +0000</pubDate>
		<dc:creator>tcastle</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[customise]]></category>
		<category><![CDATA[login page]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.webcrate.co.uk/?p=1202</guid>
		<description><![CDATA[<p>If you are the only one that ever sees the login page, then perhaps this doesn't matter. But if you have user accounts for guest bloggers, employees or clients then you should consider applying your branding to the WordPress login page. So this is what we start with: You should never have to change the...</p><p>The post <a href="http://www.webcrate.co.uk/wordpress/customise-the-wordpress-login-page/">Customise the WordPress Login Page</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>If you are the only one that ever sees the login page, then perhaps this doesn't matter. But if you have user accounts for guest bloggers, employees or clients then you should consider applying your branding to the WordPress login page.</p>

<p>
So this is what we start with:
</p>

<img src="/wp-content/uploads/2012/08/wordpress-login.png" alt="" title="wordpress-login" width="600" height="408" class="alignleft size-full wp-image-1416" />

<p>
You should never have to change the core WordPress files, everything can be modified using themes and plugins. The login page is covered by the theme you use, so this is what we will be editing. If you are using a theme that you downloaded or that came with WordPress, you should not modify the theme directly. This would lead to your changes being overwritten when the author issues an update. Instead, you should be using a child theme. A child theme is a theme which extends another theme. I won't be covering child themes here, but you can find more information in the <a href="http://codex.wordpress.org/Child_Themes" rel="nofollow" target="_blank">WordPress documentation</a>.
</p>

<h2>Changing the Logo</h2>

<p>
Add the following code to the end of your theme's functions.php file. This will apply your theme's stylesheet to the login page. After adding this code, check it does not do odd things to the login page. This is possible if your theme's styles also apply to the elements on the login page. If things don't look right, then you can use a separate stylesheet for the login page by changing the <strong>$stylesheet_uri</strong> variable.
</p>

<code>
function custom_login_head() {<br />
&nbsp;&nbsp;$stylesheet_uri = get_bloginfo('stylesheet_url');<br />
&nbsp;&nbsp;echo '&amp;lt;link type="text/css" rel="stylesheet" href="'.$stylesheet_uri.'" /&gt;';<br />
}<br />
add_action("login_head","custom_login_head");
</code>

<p>
Now that your stylesheet is being applied we can override the style for the logo. Put your logo file in your theme directory. I've called mine <strong>logo.png</strong> and put it inside a folder called <strong>images</strong>. Add this code to the end of your theme's <strong>style.css</strong> file and change the height to match the height of your logo image.
</p>

<code>
body.login h1 a {<br />
&nbsp;&nbsp;height: 42px;<br />
&nbsp;&nbsp;background: url(images/logo.png) no-repeat top center;<br />
}
</code>

<p>
That gives us this:
</p>

<img src="/wp-content/uploads/2012/08/webcrate-login.png" alt="" title="webcrate-login" width="600" height="402" class="alignleft size-full wp-image-1437" />

<p>
But the link still points to WordPress.org and if you hover the mouse over the logo it will show 'Powered by WordPress'. The following code added to your theme's <strong>functions.php</strong> file will change the link to point to your home page and show the site title.
</p>

<code>
function custom_login_link($url) {<br />
&nbsp;&nbsp;return get_bloginfo('wpurl');<br />
}<br />
add_filter("login_headerurl","custom_login_link");<br />
<br />
function custom_login_title($message) {<br />
&nbsp;&nbsp;return get_bloginfo('name');<br />
}<br />
add_filter("login_headertitle","custom_login_title");
</code>

<h2>Other Styles</h2>

<p>
Changing the logo is probably the most important thing, but you might feel the need to customise the whole page. Now you have added your theme's stylesheet to the page you can restyle anything you wish. Here's some examples. Sometimes you may need to use !important to override the currently set styles.
</p>

<p>
Link colours:
</p>

<code>
body.login #nav a, <br />
body.login #backtoblog a {<br />
&nbsp;&nbsp;color: #000 !important;<br />
}
</code>

<p>
Login button:
</p>

<code>
body.login .button-primary {<br />
&nbsp;&nbsp;background-color: #F5F5F5;<br />
&nbsp;&nbsp;border: 1px solid #888888;<br />
&nbsp;&nbsp;color: #222222;<br />
&nbsp;&nbsp;text-shadow: 0 1px 0 #FFFFFF;<br />
}<br />
<br />
body.login .button-primary:hover {<br />
&nbsp;&nbsp;background-color: #3A3A3A;<br />
&nbsp;&nbsp;border: 1px solid #1A1A1A;<br />
&nbsp;&nbsp;color: #FFFFFF;<br />
&nbsp;&nbsp;text-shadow: 0 -1px 0 #1A1A1A;<br />
}
</code>

<p>
Login form:
</p>

<code>
body.login form {<br />
&nbsp;&nbsp;background-color: #F5F5F5;<br />
&nbsp;&nbsp;border: 2px solid #EBEBEB;<br />
&nbsp;&nbsp;border-radius: 6px 6px 6px 6px;<br />
}
</code>

<p>
Page background:
</p>

<code>
body.login {<br />
&nbsp;&nbsp;background: url("images/login-bg.png") repeat-x left top #FFF;<br />
}
</code>

<p>
Our final customised login page looks like this:
</p>

<img src="/wp-content/uploads/2012/08/wordpress-login2.png" alt="" title="wordpress-login2" width="600" height="429" class="alignleft size-full wp-image-1446" />

<p>
We have barely scratched the surface of what you can do with this. Take a look at our <a href="/wordpress/showcase-of-wordpress-custom-login-pages/">showcase of the best WordPress custom login pages</a>.
</p><p>The post <a href="http://www.webcrate.co.uk/wordpress/customise-the-wordpress-login-page/">Customise the WordPress Login Page</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webcrate.co.uk/wordpress/customise-the-wordpress-login-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using a Custom Domain Name on Tumblr</title>
		<link>http://www.webcrate.co.uk/tumblr/using-a-custom-domain-name-on-tumblr/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=using-a-custom-domain-name-on-tumblr</link>
		<comments>http://www.webcrate.co.uk/tumblr/using-a-custom-domain-name-on-tumblr/#comments</comments>
		<pubDate>Tue, 07 Aug 2012 12:00:20 +0000</pubDate>
		<dc:creator>tcastle</dc:creator>
				<category><![CDATA[tumblr]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[cname]]></category>
		<category><![CDATA[dns]]></category>
		<category><![CDATA[domains]]></category>

		<guid isPermaLink="false">http://www.webcrate.co.uk/?p=1117</guid>
		<description><![CDATA[<p>A lot of the articles on this topic seem to be misleading, so I wanted to provide a clearer explanation with screenshots. There are 3 steps and only one of them is a bit tricky (number 2): 1. Register a domain name Obviously, if you have already registered a domain name then you can skip...</p><p>The post <a href="http://www.webcrate.co.uk/tumblr/using-a-custom-domain-name-on-tumblr/">Using a Custom Domain Name on Tumblr</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>
A lot of the articles on this topic seem to be misleading, so I wanted to provide a clearer explanation with screenshots. There are 3 steps and only one of them is a bit tricky (number 2):
</p>

<h2>1. Register a domain name</h2>

<p>Obviously, if you have already registered a domain name then you can skip this step. Otherwise you need to choose a domain name to register. You can <a href="/web-design/domains">check the availability of a domain</a> and register at WebCrate, or another domain registrar. It is important that the registrar allows you to edit the DNS settings of your domain, so make sure to check this is supported.</p>

<h2>2. Point the domain at tumblr</h2>

<p>
This is the trickiest step. But don't fear, just follow the instructions as precisely as you can.
</p>

<p>
There are two approaches to point your custom domain name to tumblr, but the best way is by adding a CNAME record. A CNAME record redirects a domain (or subdomain) to another domain. To do this, log in to the control panel for your domain name and locate the DNS settings. There shouldn't be any need to modify or delete any of the existing CNAME (or other) records. You just need to add a CNAME record that goes from <strong>www</strong> to <strong>domains.tumblr.com</strong>. Note that the redirect is <strong>not</strong> directly to your tumblr site, but to a special domains address - this is important.
</p>

<p>
The following sections show this in a bit more detail for some specific hosts. The process will be similar for other hosts.
</p>

<h4>WebCrate</h4>

<p>
Access the DNS settings for your domain by logging in to your account at <a href="/ctrpnl">www.webcrate.co.uk/ctrpnl</a>. Once logged in, click the <strong>My Domains</strong> link in the Quick Navigation bar on the right and choose the domain you want to redirect. At the bottom of the domain's page, click the <strong>DNS Management</strong> button and a table like the one below should be shown.
</p>

<img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/webcrate-dns.png" alt="Setting custom tumblr domain settings in WebCrate" title="Setting custom tumblr domain settings in WebCrate" width="600" height="458" class="alignleft size-full wp-image-1120" />

<p>
The last row in the table will be blank. Change the entries in this row to exactly match those in the image above and then click the <strong>Save Changes</strong> button. Now move on to step 3.
</p>

<h4>Fasthosts</h4>

<p>Log in to your fasthosts account. Click the <strong>Domain Names</strong> tab and choose the domain name you want to redirect. Click the <strong>Advanced DNS</strong> button. The Advanced DNS page will contain sections to modify different records (A, AAAA, MX, CNAME etc). Click the <strong>Add CNAME Record</strong> button on the CNAME section.</p>

<img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/fasthosts-dns.png" alt="Setting custom tumblr domain settings in FastHosts" title="Setting custom tumblr domain settings in FastHosts" width="600" height="131" class="alignleft size-full wp-image-1121" />

<p>
Enter the details for the CNAME record exactly as shown above and click the <strong>Save</strong> button.
</p>

<h4>123-Reg</h4>

<p>
Log in to your 123-reg account. In the domain names section, select the domain name from the list and click the <strong>Manage</strong> button. Click the <strong>Manage DNS (A, MX, CNAME, TXT)</strong> link and then go to the <strong>Advanced DNS</strong> tab. In the <strong>add new entry</strong> section, enter the details exactly as shown in the screenshot below, then click the <strong>Add new entry</strong> button.
</p>

<img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/123reg-dns.png" alt="Setting custom tumblr domain settings in 123-reg" title="Setting custom tumblr domain settings in 123-reg" width="600" height="107" class="alignleft size-full wp-image-1128" />

<h2>3. Configure tumblr to use the domain</h2>

<p>
Once you have added the CNAME record you will have to wait up to 72 hours for the change to take effect. You will know when it has been completed because entering your domain name in a browser will show the following tumblr error page. Do <strong>not</strong> proceed with step 3 until you see this page.
<p>

<img src="http://www.webcrate.co.uk/wp-content/uploads/2012/08/tumblr-not-found.png" alt="Tumblr not found screen" title="Tumblr not found screen" width="600" height="347" class="alignleft size-full wp-image-1133" />

<p>Next, log in to your tumblr account and go to <strong>Blog Settings</strong>. In the URL section, check the <strong>Use a custom domain name</strong> option. This will expand the section so you can enter your domain details. Enter the full domain name that you are redirecting to tumblr, e.g. www.mydomain.com. Click the <strong>Test your domain</strong> button and tumblr will check everything has been set up correctly. If you have don't receive any errors at this stage then click the <strong>Save</strong> button at the bottom of the page and you're done!</p>

<p>If going to your domain continues to show the tumblr error page after this final step, then make sure to clear your browser's cache.</p>

<p>The post <a href="http://www.webcrate.co.uk/tumblr/using-a-custom-domain-name-on-tumblr/">Using a Custom Domain Name on Tumblr</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webcrate.co.uk/tumblr/using-a-custom-domain-name-on-tumblr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shop Around for Stock Images</title>
		<link>http://www.webcrate.co.uk/design/shop-around-for-stock-images/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=shop-around-for-stock-images</link>
		<comments>http://www.webcrate.co.uk/design/shop-around-for-stock-images/#comments</comments>
		<pubDate>Tue, 31 Jul 2012 15:25:28 +0000</pubDate>
		<dc:creator>tcastle</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[cheaper]]></category>
		<category><![CDATA[comparison]]></category>
		<category><![CDATA[dreamstime]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[istockphoto]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[royalty-free]]></category>
		<category><![CDATA[shutterstock]]></category>
		<category><![CDATA[stock]]></category>

		<guid isPermaLink="false">http://www.webcrate.co.uk/?p=1103</guid>
		<description><![CDATA[<p>What are stock images? Stock images are royalty free photos or illustrations that you can use on your website or marketing material. The images can be used for good or evil. You know the ones - those cheesy photos of business men smiling that are supposed to reassure us. When used well, the images can...</p><p>The post <a href="http://www.webcrate.co.uk/design/shop-around-for-stock-images/">Shop Around for Stock Images</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></description>
				<content:encoded><![CDATA[<h2>What are stock images?</h2>
<p>Stock images are <strong>royalty free</strong> photos or illustrations that you can use on your website or marketing material. The images can be used for good or evil. You know the ones - those cheesy photos of business men smiling that are supposed to reassure us. When used well, the images can make for a more compelling, visual design and break up those big blocks of text that no one wants to read.</p>

<p>Stock images are generally produced by professional photographers or designers, who sell licenses so the rest of us can use the work. There are hundreds of websites that focus on selling use of these images (there's a list of some at the bottom of this post), and the price varies from a few pence upwards, depending on the size of the image, its format and what the license covers. There are also some free stock providers, which are worth checking out, but are generally of a lower quality.</p>

<h2>Shop around</h2>

<p>If you have ever used stock images before, then did you shop around? Its important to realise that the artists that produce the works want to reach the maximum number of people. For this reason, they upload the same item to multiple stock sites. So you can find the same image for sale from multiple providers. But it is the stock site that sets the pricing structure, not the artist, so the effective price for the same work varies substantially from one provider to another.</p>

<img src="/wp-content/uploads/2012/07/splash.png" alt="" title="blue water splash" width="250" height="239" class="alignright size-full wp-image-1348" />

<p><strong>Let me show you an example...</strong></p>

<p>This image is called <strong>blue water splash</strong>. You can find it on many of the different stock providers.</p>

<p>So how much is it? Well that depends where you buy it from.</p>

<p>On <a href="http://www.istockphoto.com" rel="nofollow" target="_blank">istockphoto</a> the 4277x4086 pixels version of the image will cost you 25 credits. The price for credits varies depending on how many you're buying, but lets assume you're getting the minimum necessary. At £1.18 per credit, that's going to be £29.50. This seems rather steep! Can we get it down?</p>

<p>Let's try <a href="http://www.shutterstock.com" rel="nofollow" target="_blank">shutterstock</a> next. For £29 on shutterstock you can download any 5 large images (including the 4277x4086 pixel version of our image) within a year. So we save 50p on istockphoto and have a bonus of another 4 images for 'free'.</p>

<p>Just one more - <a href="http://www.dreamstime.com" rel="nofollow" target="_blank">dreamstime</a>. They charge 19 credits for the 4277x4086 pixel version of the image. If we buy a 25 credit package that will be £0.72 per credit, or £13.68 for our image with another 6 credits left in our account. That's a pretty big saving!</p>

<p>So is dreamstime always the cheapest? No. Infact dreamstime might not even be the cheapest for this image, there are many more providers that I didn't even try.</p>

<p>This is all slightly complicated by the fact that each site's license covers marginally different things. So make sure you check that the license covers what you need. But the conclusion is - shop around. Don't just stick to your favourite provider. Once you find an image that you like, look around to see if you can get it cheaper elsewhere.</p>

<h2>Some popular stock image providers</h2>

<p>Just so you know, <a href="http://www.webcrate.co.uk">WebCrate</a> is not affiliated with any of these websites.</p>

<ul>
	<li><a href="http://www.istockphoto.com" rel="nofollow" target="_blank">iStockPhoto</a></li>
	<li><a href="http://www.dreamstime.com" rel="nofollow" target="_blank">Dreamstime</a></li>
	<li><a href="http://www.shutterstock.com" rel="nofollow" target="_blank">Shutterstock</a></li>
	<li><a href="http://www.bigstockphoto.com" rel="nofollow" target="_blank">BigStock</a></li>
	<li><a href="http://www.gettyimages.co.uk" rel="nofollow" target="_blank">Getty</a></li>
	<li><a href="http://en.fotolia.com" rel="nofollow" target="_blank">Fotolia</a></li>
</ul><p>The post <a href="http://www.webcrate.co.uk/design/shop-around-for-stock-images/">Shop Around for Stock Images</a> appeared first on <a href="http://www.webcrate.co.uk">WebCrate</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webcrate.co.uk/design/shop-around-for-stock-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
