Accord - Blogger

DEMO    DOWNLOAD

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

Subscribe To Get FREE Updates!