Saturday, November 10, 2012

Introducing Social Eyes Blogger Template

Converting Blogger Template became one night dinner for me. Now, Hack Tutors is up with another new Blogger Template called Social Eyes. Social Eyes is blue color 2 column Blogger template which is socially inspired. Its ready to use with no costs for every blogger users as usual. First, let's have a look the demo:







870 Times Downloaded

Features of Social Eyes Blogger Template
Social Eyes Blogger Template have following features:

  • 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 Details
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.

<ul class='nav superfish'>
    <li class='home'><a class='home-link' expr:href='data:blog.homepageUrl'>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>
                <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>
              </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-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-381'><a href='#' title='Content/Sidebar/Sidebar'>Content/Sidebar/Sidebar</a></li>
      </ul>
    </li>
      <ul class='children'>
        <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>

Now, your installation is complete!

If you have any problem regarding Social Eyes Blogger Template then feel free to ask me via comment below.

Let me know you suggestion and feedback about Social Eyes Blogger Template. Please note that this template is converted from WordPress theme from StudioPress.
Disqus Comments