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 :
- After download Blogspot Template - Simple Orange , extract that zip file on your local drive.
- 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].
- Then Go to Edit HTML and upload Blogspot Template - Simple Orange [image 2] and click save template [image 3].
- Change meta decription, meta keywords, and google webmaster id with your on data and click save template [image 4].
- Next Step is configure top navigation. Goto page elements with click page elements tab [image 5].
- 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].
- Edit the “Sponsor” page element “HTML/Javascript” with your own link. ex.
- Code: Select all
<a href="http://tinyurl.com/4mntnb" ><img alt="" src="http://tinyurl.com/3dcmnr" border="0" ></a>
then click save.
- 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"’><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"’><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:
- Step-step for installation Hanantya Technosoft blogger template
- Blogger template - Simple Two column




Nice template. Thanks for sharing.