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 125×125 image ads. Not just 3 coloms of 125×125 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 –>

Possibly Related Posts:


If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

One Response to “Blogspot Template - Simple Orange”

Nice template. Thanks for sharing. :-)

Leave a Reply