SimplexOrange - Good template for tutorial site

I made a template name SimplexOrange . It was inspired by website www.fuelyourblogging.com . I modified in CSS and made it available in Blogger . It's look simple and clean ,a lot of space for advertising or widget . I think it's good for tutorial /sharing resource sites .




Live Demo | Download

Do you like it?
Here is my instruction to install this template :

1,Download this template

2,Open it in any word editor you have .

3,To change logo ,find this code
<div id="logo"><a expr:href='data:blog.homepageUrl'><img src="http://img196.imageshack.us/img196/2866/simplexorange.jpg"/></a></div>
link to logo is marked in bold . Change it to your logo's

4,To change content of bio-box at the bottom of each post ,find this code :
<div class="bio-block">
                                              <img width="50" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQ3vfZ0UpGcMVA8OmrczSwFIBPQlYbIFaTV6ScMETUOhPKN23AqrSX4LqjhlqpZvufLGMzsIgQ_ebWnyFJSyKoY5NGRhsAS8OZQdnhr_hoobSfluTNcHoOoPPCK4DqJksdbZsLD_1zb0/s45/hoa+s%25C6%25B0a.jpg"/>
                                             <div class="bio">
                                                 <p>NhamNgaHanh is the founder and editor in chief of <a href="http://simplexdesign.blogspot.com">SimplexDesign blog </a>,a blog on Blogger tips ,tricks ,designer resources and many premium Blogger templates for free use.</p>
                                             </div>
                                         </div>
I marked link to author avatar and author short bio in bold . You can change as you want .

5,To change link in icons to your social network accounts ,find this code :
 <li id="subscribe-widget" style="" class="widget1 subscribe-widget">
                     <ul class="social-links">
                         <li class="rss first-link">
                             <a href="/feeds/posts/default">
                                 <em></em><strong>Site RSS</strong>
                             </a>
                         </li>
                         
                         <li class="rss-fuel">
                             <a href="http://simplexdesign.blogspot.com/feeds/posts/default">
                                 <em></em><strong>Network Feed</strong>
                             </a>
                         </li>
                         
                         <li class="twitter">
                             <a target="_blank" href="http://twitter.com/dinhquanghuy">
                                 <em></em><strong>Follow on Twitter</strong>
                             </a>
                         </li>
                         
                         <li class="facebook">
                             <a target="_blank" href="http://facebook.com/simplexdesignblog">
                                 <em></em><strong>Fan Us on <br/> Facebook</strong>
                             </a>
                         </li>
                         
                         <li class="news">
                             <a href="">
                                 <em></em><strong>Submit <br/> News</strong>
                             </a>
                         </li>

                         <li class="contribute">
                             <a href="">
                                 <em></em><strong>Write for Us</strong>
                             </a>
                         </li>
                     </ul>
                 </li>
and change link in bold to yours .

6,To change twitter update to your account ,find this code :
 <a id="twitter-submit" target="_blank" href="http://twitter.com/dinhquanghuy" class="button">Follow on Twitter</a>
                 
                 &lt;script type=&quot;text/javascript&quot; src=&quot;http://twitter.com/javascripts/blogger.js&quot;&gt;&lt;/script&gt;
                 &lt;script type=&quot;text/javascript&quot; src=&quot;http://twitter.com/statuses/user_timeline/dinhquanghuy.json?callback=twitterCallback2&amp;count=5&quot;&gt;&lt;/script&gt;
and change the text in bold to your twitter account .

7,Save template and upload it to Blogger .

8,Go to Dashboard ,click on menu widget to add link to your categories .

9,You can add your ads in topads widget ,you can also add the widget you want .

10,Save changes and you are done .

11,If you want to show your post in feature post section ,please add a label 'feature' to the post .

That's all for SimplexOrange template . I hope you like it .Remember to leave me comments ^^Thanks in advance .

Share this post

Advertisement

0 comments:

Post a Comment