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

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=''>Home</a></li>

     <li class='page_item page-item-70'><a href=''>Digial Bunch</a>
         <ul class='children'>
             <li class='page_item page-item-17'><a href='' title='Sub Page 1.1'>Feature</a>
             <ul class='children'>
                 <li class='page_item page-item-25'><a href='' title='Sub Page 2.1'>WordPress</a>
                     <ul class='children'>
                         <li class='page_item page-item-31'><a href='' title='Sub Page 3.1'>Blogger</a></li>
                         <li class='page_item page-item-33'><a href='' title='Sub Page 3.2'>Web Design</a></li>
                         <li class='page_item page-item-35'><a href='' title='Sub Page 3.3'>Blogging</a></li>
                 <li class='page_item page-item-27'><a href='' title='Sub Page 2.2'>Hosting</a></li>
                 <li class='page_item page-item-29'><a href='' title='Sub Page 2.3'>Advertise</a></li>
             <li class='page_item page-item-20'><a href='' title='Sub Page 1.2'>Service</a></li>
             <li class='page_item page-item-22'><a href='' title='Sub Page 1.3'>Archieve</a></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>

     <li class='page_item page-item-62'><a href='' title='Page Templates'>Windows 7 Themes</a>
         <ul class='children'>
             <li class='page_item page-item-112'><a href='' title='Join us!'>Join us!</a></li>
             <li class='page_item page-item-227'><a href='' title='Widget'>Widget</a></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'/>

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=''>Forums</a></li>
<li class='cat-item cat-item-5'><a href=''>Free Themes</a></li>
<li class='cat-item cat-item-6'><a href=''>Hacking Tools</a></li>
<li class='cat-item cat-item-7'><a href=''>Page Rank</a></li>
<li class='cat-item cat-item-8'><a href=''>Flash News</a></li>

Now, your installation is complete!
Related Posts Plugin for WordPress, Blogger...

Please, don't include pam.

Leave a Reply

© 2011 Template For Blog. WP Themes by Skatter Tech. Bloggerized by Bambang Wicaksono.
Scroll down for Next Widget