Early Morning Theme | A WordPress theme converted to Blogger

Today, I am releasing Early Morning Theme converted from wordpress to blogger. This is my first wordpress theme to blogger conversion. It is a simple yet elegant theme. Feel free to try it.

{ Live Demo } | { Download Here }

{ Customizing Early Morning Theme }

1. Navigation bar

<div id=’nav’>
<ul>
<li><a expr:href=’data:blog.homepageUrl’ title=’Home’>Home</a></li>
<li><a href=’#’ title=’Edit this link’>About Me</a></li>
<li><a expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default&quot;’ title=’Posts RSS’>Posts RSS</a></li>
<li><a expr:href=’data:blog.homepageUrl + &quot;feeds/comments/default&quot;’ title=’Comments RSS’>Comments RSS</a></li>
<li><a href=’#’ title=’Edit this link’>Contact Me</a></li>
</ul>
</div>

2. Search Box

You have to do it manually. Click Add a gadget > HTML/Javascript > Paste the code below > Give a title > Save.

<form role=”search” method=”get” id=”searchform” action=”http://your_blog_name_here.blogspot.com/search/”>
<div class=”field-place”>
<input type=”text” value=”” name=”q” id=”s” class=”field” />
<input type=”submit” value=”Search” id=”searchsubmit” class=”button” />
</div>
</form>


3. Date format problem

Go to Page Elements > Click on the Edit button for “Blog Posts” element > Change the time format to (Month Date, Year).

For example…..  February 19, 2010

8 Replies to “Early Morning Theme | A WordPress theme converted to Blogger”

  1. I have used your theme..it's a great theme..
    but I have a problem to make "read more" in my posting..would like to help me please to solve that..
    Thanks before…
    Huge Great from Indonesia..

  2. @Galeri Software..

    Thx so much…Try the method below to solve your problem..

    1. Go to Layout> Edit HTML
    2. Backup your template
    3. Click "Expand Widget Templates"
    4. Find this code

    <data:post.body/>

    5. Once you've located that code, paste the following code directly below it.

    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if >

    6. Click save.

  3. Thanks very much to quick replay my comment..

    I have follow your instruction, but i still can't make "read more" in my posting…
    By the way, I write my post in windows live writer..
    May you have another solution to solve it..
    Thanks before…

  4. @Galeri Software…

    Hi, I understand your problem….Unfortunately, Windows Live Writer is not supporting that "Read More" feature yet.

    I tried googling about it. It seems many bloggers using Windows LW are facing the same problem. To solve this problem, you can add a

    <!– more –>

    to where you want the read more should appear from the Source view tab.

    For example……….

    <p>This is a paragraph before the jump link(read more).</p>
    <!– more –>

    <p>Here is a paragraph after the jump.</p>

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.