Adding Blog Archive and Stay connected menu to Simplex Blognews template

Latest version of Simplex Blognews - Click here
In latest version of Simplex Blognews ,Blog Archive and Stay connected are integrated as parts of template file . But the tip in this post can be applied with other templates if you want to add Blog Archive or Stay Connected .
A friend from Greece Konstantinos asked me for adding Stay Connected menu (like in Simplex Newsadvance II ) and Blog Archive to top navigation .
So in this post ,I want to show you how to add Stay connected and Blog Archive menu to top navigation bar . You can see the result in live demo of Simplex BlogNews

To add these features to Simplex Blognews template , please open template file in any word editor you have .

1, find this code

#navpages ul{
    float:left;
}

and change it to
#navpages ul{
    float:left;
    width:70%;
}
2, find  </head> and add this line above :

<script src="http://dinhquanghuy.110mb.com/template/jqueryslidemenu.js" type="text/javascript"></script>
 this script will help us make dropdown menu .

3,Adding Blog Archive and Stay Connected menu :

In the template file ,you will see this code :
<div id="navpages">
             <ul>
                 <b:section id='page' showaddelement='yes'>
                     <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
                          <b:includable id='main'>
                             <b:loop values='data:links' var='link'>
                                 <li><a expr:href='data:link.href'><data:link.title/></a></li>
                             </b:loop>
                         </b:includable>
                     </b:widget>                      
                 </b:section>                
             </ul>

Replace the code above with this one :

<div id="navpages">
             <ul>
                 <b:section id='page' showaddelement='yes'>
                     <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
                          <b:includable id='main'>
                             <b:loop values='data:links' var='link'>
                                 <li><a expr:href='data:link.href'><data:link.title/></a></li>
                             </b:loop>
                         </b:includable>
                     </b:widget>
                    
                     <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
                         <b:includable id='main'>
                             <b:if cond='data:title'>
                                 <li><a href=""><data:title/></a>
                                     <b:include data='data' name='flat'/>
                                 </li>    
                             </b:if>
                         </b:includable>
                        
                         <b:includable id='flat' var='data'>
                             <ul class='flat'>
                                 <b:loop values='data:data' var='i'>
                                     <li class='archivedate'>
                                         <a expr:href='data:i.url'><data:i.name/></a>
                                     </li>
                                 </b:loop>
                             </ul>
                         </b:includable>
                     </b:widget>
                 </b:section>
                 <li class="">
                     <a href="#" title="">Stay Connected</a>
                     <ul>
                         <li><a href="/feeds/posts/default" class="gab_rss">Latest Posts in RSS</a></li>
                         <li><a title="/feeds/comments/default" rel="nofollow" href="" class="gab_rss">Latest Comments in RSS</a></li>
                         <li><a title="" rel="nofollow" href="Feedburner email" class="gab_email">Subscribe by e-mail</a></li>        
                         <li><a title="" rel="nofollow" href="http://www.twitter.com/dinhquanghuy" class="gab_twitter">Follow us on Twitter</a></li>    
                         <li><a title="" rel="nofollow" href="Facebookaccount" class="gab_facebook">Connect on Facebook</a></li>                
                     </ul>
                 </li>
                
             </ul>

Change the green text in bold to your social network account ,and to your Feedburner Subscribe link .
Save template .
Go to Dashboard ,continue to Design ,then to Page element . Click on edit link in Blog Archive widget . In Configure Blog Archive dialog ,choose Flat List for Style option . In another option ,you can set it as you want .

That's all . I hope you will find this tip helpful .