Accord

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

Meta Description:
----------------
This template is updated by Lovelytemplates with SEO features. Find
<meta content='Your blog description here' name='description'/>

and replace 'Your blog description here' with your blog description. If you do not want this then just remove it.

Layout for Accord Blogger Template