Last week we talked about the importance of running a contest. We previously announced that bluefurdomains.com is now iPhone friendly. Making it so was not that difficult but surfing it now will certainly make it easier for customers who are using an iPhone.

Part one of making your site more iPhone friendly we talked about making an iPhone icon for those that bookmark the site and redirecting iPhone users to a specific version of your site. This post will discuss what to do with those users once you direct them to make the site more iPhone friendly.

Site Width
The maximum pixel width of the iPhone screen is 320. If your site is currently optimized for a higher resolution then I suggest doing a redesign to make it fit in the 320 width.

Hide the URL bar
With space being so limited on an iPhone screen you can use the following script to make the iPhone url bar auto hide…

<script type=”application/x-javascript”>
if (navigator.userAgent.indexOf(‘iPhone’) != -1) {
        addEventListener(“load”, function() {
                setTimeout(hideURLbar, 0);
        }, false);
}

function hideURLbar() {
        window.scrollTo(0, 1);
}
</script>

Autozoom in
You can make your site zoomed in automatically and disable the ability for the users to resize your site by adding the following to your head section…

<meta name=”viewport” content=”width=320; user-scalable=no; initial-scale=1.0;”>

If you get stuck let me know in the comments.