You can see the demo site here: Blogger Demo | Wordpress Demo

screenshot:

Update:
Now we have a new iPhone template, you can see it here: iPhone Template
here is the demo site of the new template: Blogger / Blogspot Demo | Wordpress Demo

This is template originally created by Mauricio from Themey for wordpress.org users. Thanks to iphone support for ordering this, now it’s available for all of you blogger / blogspot users. You might wonder about why i name it iPhone Blogger Template #2? that is because i feel the Wordpress version of this theme is not well xhtml enough.

The structure even uses table on it, that is bad if you are on the web 2.0 era right now. that is why this post got delayed for 2 days, because I was confusing about to publish this theme or not, since i think the wordpress version is not well coded enough.

So I was trying to find another iPhone theme (if i can’t find it, i will design it by my self), luckily, thanks to iPhone Support again, he gives me this link: New iPhone Theme. Perfect! that is the iphone theme I am looking for. So now I will convert that iphone theme into blogger template, and i will name it iPhone Blogger Template #1. that is why this is the #2

Hopefully, tomorrow the iphone blogger template #1 has been ready to publish. Meanwhile, Now I have decided to publish the #2 version for you.

But if you want to download and install the wordpress version, of course you still can do that.

Here is the download link,
Wordpress iPhone Theme

Download | Demo Site

Blogger iPhone Template

Downloaded a total of 2171 times

Some Notes if you want to install this iPhone Blogger Template

1. This template requires 2 HTML/Javascript Widget Elements.
the first widget (HTML1) is used for the upper menu
the second widget (HTML2) is for the feed icon and the search form on the bottom.

here is the content of those widgets,
HTML1

<ul class=”menu”><li class=”page_item”><a href=”http://www.jackbook.com/”>Home</a></li><li class=”page_item”><a href=”http://likesimon.com/contact-me/”>Contact Us</a></li><li class=”page_item”><a href=”http://www.jackbook.com/2007/08/i-saw-beautiful-website-could-you.html”>About Us</a></li><li class=”page_item”><a href=”http://feeds.feedburner.com/Lifewg”>Full Rss Feed</a></li></ul>

HTML2

<h2>Subscribe</h2><span class=”commentsrsslink”><a href=”#yourPostFeedHere” title=”Syndicate this site using RSS”>Post Feed</a></span><br/><span class=”commentsrsslink”><a href=”#yourCommentFeedHere” title=”Syndicate this site using RSS”>Comment Feed</a></span><h2>Search</h2><div id=”searchdiv”><form id=”searchform” action=”http://YOUR-BLOG-NAME-HERE.blogspot.com/search” method=”get”><input id=”s” maxlength=”255″ name=”q” size=”15″ type=”text”/><input alt=”Go” value=”Go” name=”button” type=”submit”/></form></div>

Change the link with your own link.
And you can also delete the content if you want to.

2. To change the Feed Url on the footer, here is how
2.1 Go to your Dashboard — TEMPLATE — Edit HTML
2.2 Scroll down the html code, and find this line below

<a href=’#YourPostFeedHere‘>RSS Entries</a> and <a href=’#YourCommentFeedHere‘>RSS Comments</a>

2.3 Change the link with your own feed url.
2.4 save template, refresh your blog, and done.

Please submit your question or feedback here on the comment form below if you have one. and please let us know if you found a broken link.

thanks