Accord Blogger Template



Template name : Accord

Author :  www.soratemplates.com

Designer :  color-theme.com

Template features : Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='menu'>
    <div class='menu-main-nav-container'>
    <ul class='sf-menu sf-navbar' id='menu-main-nav'>
    <li><a href='#'>Home Features</a>
    <ul class='sub-menu'>
    <li><a href='#'>Home + Sidebar</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Search for:
  • <div class='top-social-block'>
    <ul>
    <li><a class='facebook-top' href='#'/></li>
    <li><a class='twitter-top' href='#'/></li>
    </ul>
    </div>
Replace "#" with your Social Account URL.

How To Change Header Banner:
find this:
  • <div class='banner'>
    <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner.jpg" with your banner image.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display