Simplex Timeline - template for tech blog

In this post , I want to show you my latest template named : Simplex Timeline . I think this template is the best for tech blog ,but you can use it in other niches (of course ^^ ) .



Live Demo Download

Install instruction

1,Download template file .

2,Open template in any word editor you have ,the best is notepad++ ( MS Word is not recommended because it auto generate tags in template file after editing )

3,To change the logo ,find this code :

#head-content {
    background: transparent;
    background-image: url(http://img266.imageshack.us/img266/9598/simplextimeline.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    }

and change the link in bold to your logo URL.

4,  This is the code of Subscribe form :

<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=simplex', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
                                     <input type="hidden" name="uri" value="simplex"/>
                                     <input type="hidden" value="en_US" name="loc"/>
                                     <p class="email-form">
                                          <input type="text" name="email" class="sub"/>
                                         <input type="image" alt="submit" class="subbutton" src="http://img517.imageshack.us/img517/3158/blankdb.gif"/>
                                     </p>
                                     <div style="clear: both;"><small>Privacy guaranteed. We'll never share your info.</small></div>
                                 </form>

change the text in bold to your feedburner account .

5, This is the code for social network :

<div class="sub-icons">
                                     <a href="/feeds/posts/default" title="Subscribe via RSS Feed"><img align="top" alt="Subscribe via RSS Feed" src="http://img535.imageshack.us/img535/950/rss2t.png" class="rss-sub"/></a>
                                     <a href="http://www.twitter.com/dinhquanghuy" title="Follow me on Twitter" rel="external" target="_blank"><img align="top" alt="Follow me on Twitter" src="http://img340.imageshack.us/img340/8055/twitter2e.png" class="twitter-sub"/></a>
                                     <a href="http://www.facebook.com/contact.dinhquanghuy" rel="external" title="Connect with me on Facebook" target="_blank"><img align="top" alt="Connect with me on Facebook" src="http://img96.imageshack.us/img96/3849/facebook2q.png" class="facebook-sub"/></a>
                                     <a href="http://www.linkedin.com/in/dinhquanghuy" rel="external" title="Connect with me on LinkedIn" target="_blank"><img align="top" alt="Connect with me on LinkedIn" src="http://img340.imageshack.us/img340/2030/linkedin2.png" class="linkedin-sub"/></a>
                                 </div>

again ,change the text in bold to your accounts ^^

6,This is the code for Flickr gallery :

<script type="text/javascript">
             $(document).ready(function(){
                  $('#flickrphoto').jflickrfeed({
                limit: 9,
                qstrings: {
                id: '37304598@N02'
                },
                itemTemplate: '&lt;a href=&quot;{{image_b}}&quot;&gt;&lt;img src=&quot;{{image_s}}&quot; alt=&quot;{{title}}&quot; /&gt;&lt;/a&gt;'
                });   
                });
          </script>

change the value 37304598@N02 to your Flickr ID

7,Ok ,save template and upload to Blogger .

8,Go to Dashboard ,continue to Page element

9,To add advert in top ,click on edit button in topads widget and paste your ads code into widget content (Adsense code ,for example ) . Do the same for midads ,ads,ads3 and ads4 widgets .

10,To add item to menu ,click on edit button and add link to each category in your blog . Link to each category has structure : http://{blog url}/search/label/{category} . Do the same for category and blogroll .

11,to add video ,click on video widget and paste the embed code of your video ,size for video is 286x210

12,you can add anything you want in text widget .

Ok,Save changes and you are done .
if you want to show a post in slider ,just add a label 'feature' to your post .There are maximum 4 posts in content slider .
That's all for installing this template . I hope this template helpful to you .