Social Eyes Blogger Template

Features of Social Eyes Blogger Template

2 Column
Socially inspired blue color
Stylish transparent navigation menu and sub-menu
Automatic read more with thumbnail for each post
User friendly comment section
SEO friendy
3 column footer widget

Installation

To install this template on your Blogger blog, login to your Blogger account and go to > Design > Edit HTML. Backup your Blogger current Blogger template by click "Download Full Template". Choose and upload XML template of social eyes from you hard drive.

You need to make some changes in its menu feature. Just replace URL and anchor text with your own. This is the code that you have to edit for top navigation menu.


<div id='nav'>
<ul class='nav superfish'>
     <li class='home'><a class='home-link' href='http://socialeyestemplate.blogspot.com/'>Home</a></li>

     <li class='page_item page-item-70'><a href='http://www.hacktutors.info/2011/03/introducing-digital-bunch-forums.html'>Digial Bunch</a>
         <ul class='children'>
             <li class='page_item page-item-17'><a href='http://www.hacktutors.info/2011/03/blogger-will-introduce-awesome.html' title='Sub Page 1.1'>Feature</a>
             <ul class='children'>
                 <li class='page_item page-item-25'><a href='http://www.hacktutors.info/search/label/WordPress' title='Sub Page 2.1'>WordPress</a>
                     <ul class='children'>
                         <li class='page_item page-item-31'><a href='http://www.hacktutors.info/search/label/Blogger%20Help' title='Sub Page 3.1'>Blogger</a></li>
                         <li class='page_item page-item-33'><a href='http://www.hacktutors.info/search/label/Web%20design' title='Sub Page 3.2'>Web Design</a></li>
                         <li class='page_item page-item-35'><a href='http://hacktutors.info/search/label/Blogging' title='Sub Page 3.3'>Blogging</a></li>
                     </ul>
                 </li>
                 <li class='page_item page-item-27'><a href='http://hacktutors.info/search/label/Hosting' title='Sub Page 2.2'>Hosting</a></li>
                 <li class='page_item page-item-29'><a href='http://buysellads.com/buy/detail/30763' title='Sub Page 2.3'>Advertise</a></li>
             </ul>
             </li>
             <li class='page_item page-item-20'><a href='http://www.hacktutors.info/p/services.html' title='Sub Page 1.2'>Service</a></li>
             <li class='page_item page-item-22'><a href='http://www.hacktutors.info/p/blog-page.html' title='Sub Page 1.3'>Archieve</a></li>
         </ul>
     </li>

     <li class='page_item page-item-375'><a href='#' title='Page Layouts'>Page Layouts</a>
         <ul class='children'>
             <li class='page_item page-item-377'><a href='#' title='Content/Sidebar'>Content/Sidebar</a></li>
             <li class='page_item page-item-379'><a href='#' title='Sidebar/Content'>Sidebar/Content</a></li>
             <li class='page_item page-item-381'><a href='#' title='Content/Sidebar/Sidebar'>Content/Sidebar/Sidebar</a></li>
         </ul>
     </li>

     <li class='page_item page-item-62'><a href='http://www.hacktutors.info/2010/10/10-cool-free-windows-7-themes.html' title='Page Templates'>Windows 7 Themes</a>
         <ul class='children'>
             <li class='page_item page-item-112'><a href='http://www.hacktutors.info/2011/01/join-hacktutors-on-facebook.html' title='Join us!'>Join us!</a></li>
             <li class='page_item page-item-227'><a href='http://www.hacktutors.info/2011/02/add-stylish-subscription-box-below.html' title='Widget'>Widget</a></li>
         </ul>
     </li>

  <li class='page_item page-item-213'><a href='#' title='Contact Page'>Contact Page</a></li>

  <li class='right search'>
         <form action='/search' class='searchform' method='get'>
         <input class='s' name='q' onblur='if (this.value == \'\') {this.value = \'Search this website \';}' onfocus='if (this.value == \'Search this website \') {this.value = \'\';}' type='text' value='Search this website '/>
         <input class='searchsubmit' type='submit' value='Search'/>
         </form>
     </li>
</ul>
</div>

And this is the code that you have to edit for the second navigation menu.


<div id='subnav'>
<div class='wrap'>
<ul class='nav superfish'>
<li class='cat-item cat-item-4'><a href='http://forums.digitalbunch.com'>Forums</a></li>
<li class='cat-item cat-item-5'><a href='http://www.hacktutors.info/2010/10/top-3-wordpress-converted-free-blogger.html'>Free Themes</a></li>
<li class='cat-item cat-item-6'><a href='http://www.hacktutors.info/2009/10/best-hacking-tools-collection_10.html'>Hacking Tools</a></li>
<li class='cat-item cat-item-7'><a href='http://www.hacktutors.info/2010/08/50-dofollow-blogs-to-increase-your-page.html'>Page Rank</a></li>
<li class='cat-item cat-item-8'><a href='http://www.hacktutors.info/2010/09/releasing-flash-news-blogger-template.html'>Flash News</a></li>
</ul>
</div>
</div>

Now, your installation is complete!