Wilderness Blogger Template





DemoDownload
Template name : Wilderness

Platform: Blogger / Blogspot

Free download blogspot template Html5 CSS3
Designer :  devilcantburn

Template features : Wordpress Look, 2 Columns, Right Sidebar, 3D Slider, Fixed Width, paper-wood background, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='slider_wrapper'>
     <div class='marg_0_0_20_0' id='sliderCss3d'>
     <img alt='Slider 1' data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}' src='/slider.jpg'/>
     ..........
Replace:
"image.jpg" with your slider image.
Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='menu' id='menu'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>Fullwidth page</a></li>
     <ul class='sub-menu'>
      <li><a href='#'>Buttons</a></li>
      <li><a href='#'>Google Map</a></li>
     ..........
Replace "#" with your menu item URL.

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

How to change Author Section:
Find this:
  • <h4>About the author</h4>
     <div id='author-info'>
     <div id='author-image'>
     <a href='#'><img height='80' src='/avatar.png' width='80'/></a>
    </div>
    <div id='author-bio'>
    <h5>Admin</h5>
    Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.
    </div>
No comments :

No comments :

Post a Comment