Blogspot Template - Simple Orange

Blogspot Template - Simple Orange was my first Blogspot template that I made. This template i made for blogger whom need adding ads on their sidebar navigation with 3 coloms of 125x125 image ads. Not just 3 coloms of 125x125 image ads, Blogspot template - Simple Orange is SEO friendly, this template is meta kewords , meta description, google webmaster ready. Also you can make "continue reading" or "More" on your post in your home page. View demo of blogspot template - simple orange before you download.

This step-step to install blogspot template - simple orange :

  1. After download Blogspot Template - Simple Orange , extract that zip file on your local drive.
  2. Go to your blogspot dasdboard and chose wath blog that you want to redesign with Blogspot Template - Simple Orange and click on layout [image 1].
  3. Then Go to Edit HTML and upload Blogspot Template - Simple Orange [image 2] and click save template [image 3].
  4. Change meta decription, meta keywords, and google webmaster id with your on data and click save template [image 4].
  5. Next Step is configure top navigation. Goto page elements with click page elements tab [image 5].
  6. Edit the page element "HTML/Javascript" at the bottom of element "Header" [image 6]. Empty the title field. Fill the content area with your data. ex. <a href="/">Home</a> [image 7], then click save [image 8].
  7. Edit the "Sponsor" page element "HTML/Javascript" with your own link. ex.
    Code: Select all
    <a href="http://tinyurl.com/4mntnb" >&lt;img alt="" src="http://tinyurl.com/3dcmnr" border="0" >&lt;/a&gt;
    then click save.
  8. Congratulation you already redesign your blog.
If you want use Continue reading feature your post should use this patern for your post :
Code: Select all
[Your first paragrap] <div class="fullpost">[Your second paragrap ... end of your post which you need to hide at your home page.]
If you want disable continue reading feature you just remove the red items. You must click expand widget template first [image 9]. And search "clear for photos floats" .
Code: Select all
<div class='post-body'> <b:if cond='data:blog.pageType == "item&quot;'> <style>.fullpost{display:inline;}</style> <b:else/> <style>.fullpost{display:none;}</style> </b:if>
<p><data:post.body/></p> <b:if cond='data:blog.pageType == "item&quot;'><br/> <a expr:href='data:post.url'>Continue reading … </a><br/><br/> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <!-- post-body -->
Comment by Yoko on July 30, 2008 at 7:55 PM  

Nice template. Thanks for sharing. :-)