Accrebility

Love this
43
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • Colors in this template are easily customizable
About this template
  • Date Released:   Dec, 2012
  • Designer:   Main Blogger
  • Price:   FREE
License
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
Statistics
  • Downloads:   5530
  • Demo views:   7798
  • 43 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Slide Show
  • Accrebility template has slide show (slider) in home page. Show your featured content in an easy to use slider
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Good Typography
  • Accrebility template has beautiful Typography (font styles). Your website will look beautiful and readable
  • Featured Post
  • Show featured posts in home page using this template. Engage your users by showing your top content in home page
  • Custom web fonts
  • Accrebility template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Template Designer
  • Accrebility template supports Blogger Template Designer feature. Customize this template easily in Blogger Template Designer page. Note that NOT all template designer features are supported.
  • Widget Ready
  • Accrebility template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • Accrebility template comes with footer widgets. Use your footer area effectively for engaging your users
More Features
  • SEO Ready
  • Accrebility template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Ad Ready
  • Use this template to show Banner advertisement or Google ads easily. Make money using your site
  • RSS Buttons
  • Accrebility template comes with RSS Buttons. Let your user follow you using your RSS feed
  • Social Buttons
  • This template comes with social buttons like facebook, twitter etc., Let your users share your content easily

Template Designer

This template supports Blogger template designer. So, customizing this template is very easy. Go to Template -- Click Customize button. Then, select Background if you want to adjust the background image. Click Background image dropdown and pick your favorite background image. If you wish, you can also change the Main color theme in this page. You can also go to Advanced section. You can use this section to adjust any colors, font etc.,

Setup Navigation Menu

Open the Accrebility Blogger template.xml file in a text editor like notepad or notepad++. Find following code. Update the links and link text with your menu navigation

<div id='menu'>
<ul>
<li><a href='#'>Daily Templates</a></li>
<li><a href='#'>Drop Menu 1 &#187;</a>
<ul>
<li><a href='#' title='Edit Me'>Child Menu 1.1</a></li>
<li><a href='#' title='Edit Me'>Child Menu 1.2</a></li>
<li><a href='#' title='Edit Me'>Child Menu 1.3</a></li>
</ul>
</li>
<li><a href='/'>Drop Menu 2 &#187;</a>
<ul>
<li><a href='#' title='Edit Me'>Child Menu 2.1</a></li>
<li><a href='#' title='Edit Me'>Child Menu 2.2</a></li>
<li><a href='#' title='Edit Me'>Child Menu 2.3</a></li>
</ul>
</li>
<li><a href='/'>Drop Menu 3 &#187;</a>
<ul>
<li><a href='#' title='Edit Me'>Child Menu 3.1</a></li>
<li><a href='#' title='Edit Me'>Child Menu 3.2</a></li>
<li><a href='#' title='Edit Me'>Child Menu 3.3</a></li>
</ul>
</li>
.........

Update Social links

Find following code in the Accrebility Blogger template.xml file. Update the links with your social links

<div class='social'>
<h2>My Networks</h2>
<ul>
<li class='google'><a href='https://plus.google.com/u/0/111461490683022468168' title='Add Our Google+'>Google+</a></li>
<li class='facebook'><a href='http://www.facebook.com/pages/DheTemplatecom/155560907838878' title='Add Our Facebook'>Facebook</a></li>
<li class='twitter'><a href='http://twitter.com/DheTemplate' title='Follow Our Twitter'>Twitter</a></li>
<li class='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RS feed blog'>RSS Feed</a></li>
</ul>
</div>

Banner Advertisement

You can place 728x90 banner ads in the top header section and also above the footer area. Place your banner ad code withing <center> html tag to center align. For 125x125 banner ads in the sidebar, use following method,

Click Edit on Sponsor widget and paste the following code. Update the link and banner image in the following code. You can copy & paste the following code any number of times to place more 125x125 banner ads.

<div class="banner"><a href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=6507_0_1_3" target="_blank"><img border="0" src="http://www.elegantthemes.com/affiliates/banners/125x125-2.gif" width="125" height="125" alt="" /></a></div>

Home Page Slider setup

NOTE: If you do not want the home page slider then Go to Template page -- Click Customize button. Then, select Advanced and scroll down to the last and click Add CSS. Then, add following code in the text box,

#featured {
display:none;
}

If you want to set up the Home page slider then you have to place a 60x45 small thumbnail and corresponding 410x280 big thumbnail. Find following code to locate small thumbnail section,

<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='featured 1' height='45' src='http://2.bp.blogspot.com/-pSkyrDeKC1A/TxJgfV2QJ1I/AAAAAAAAAtw/aUcI9hn0924/s400/muse.jpg' width='60'/><span>Small Thumbnail Featured Post 1</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt='featured 2' height='45' src='http://2.bp.blogspot.com/-ZI3kDD01__c/TxJa8xbu1dI/AAAAAAAAAs8/RxX6TW7B93A/s400/1.jpg' width='60'/><span>Small Thumbnail Featured Post 2</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt='featured 3' height='45' src='http://2.bp.blogspot.com/-SdwqLkl0jzA/TxJaLurHmhI/AAAAAAAAAsw/GQkOCa--uSE/s400/Optimus%2BPrime.jpg' width='60'/><span>Small Thumbnail Featured Post 3</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt='featured 4' height='45' src='http://2.bp.blogspot.com/-rOKQQZqSwNc/TaL_87PyBHI/AAAAAAAAAKM/JEPxBbgR7pA/s400/spiderman.1.jpg' width='60'/><span>Small Thumbnail Featured Post 4</span></a></li>
</ul>

Update hte image src in all li elements for small thumbnail. Find following code for Big thumbnail.

<!-- First Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-1' style=''>
<img alt='featured 1' height='280' src='http://2.bp.blogspot.com/-pSkyrDeKC1A/TxJgfV2QJ1I/AAAAAAAAAtw/aUcI9hn0924/s400/muse.jpg' width='410'/>
<div class='info'>
<h2><a href='http://www.dhetemplate.com/'>Featured Post Title 1</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...</p>
</div>
</div>

<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='featured 2' height='280' src='http://2.bp.blogspot.com/-ZI3kDD01__c/TxJa8xbu1dI/AAAAAAAAAs8/RxX6TW7B93A/s400/1.jpg' width='410'/>
<div class='info'>
<h2><a href='http://www.dhetemplate.com/'>Featured Post Title 2</a></h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt...</p>
</div>
</div>
..............

Update the info section and image src.

 

Meta Description

This template uses Search preferences options for meta description. Go to settings -- Search Preferences and enter a description for your site. This description will come as meta description for your home page. Helpful for Search engines. Also, you can add meta descriptions for every page you create in blogger. This template is completely optimized for SEO.

Layout for Accrebility Blogger Template

Leave a Reply

Your email address will not be published.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>