ModernBlog Blogger Template Html5 CSS3





DemoDownload
Template name : ModernBlog

Platform: Blogger / Blogspot

Release date : June 2013

Free download blogspot template Html5 CSS3

Designer: vickystudio

Template features : Personal, Interior, Fixed Width, Dropdown Menu, Social Widget, Gray Background, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

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

Configure Social Widget:
search for:
  • <div class='share_item'>
     <a class='twitterIcon' href='#'>twitter</a> 
     <a class='facebookIcon' href='#'>facebook</a> 
     <a class='googleIcon' href='#'>google</a> 
     ..........
    </div>
Replace "#" with your Social Account's URL.

How to change Author Section
search for:
  • <div class='author_post_name'>
     <h4>About &quot;<a href='#' rel='author'>Administrator</a>&quot;</h4>
     </div>
     <div class='author_post_pic'>
     <img class='avatar avatar-56 photo' height='56' src='/avatar.png' width='56'/></div>
     <div class='author_post_desc'>
     Lorem ipsum dolor sit ame..........

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

No comments :

No comments :

Post a Comment