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 -->

Hanantya Blog Press release

This blog for hanantya press release and other information about hanantya.com