*Updates : Wrong name variable for Blog Title. See at the end of post
**Updates 16 Feb 2012 : JavaScript code for Tabview not works cos too much traffic and have been temporarily disabled!. Check at end of post for resolving
Accrebility Blogger Template
Free Accrebility Blogger Template is a magazine style blogger template with elegant design template and dark grain background. It's a blogger template with right sidebar, 3 column footer, magazine style template blogspot, automatic vertical featured content, seo optimized template, ads ready, tabview ready, social widget ready, dropdown menu, default Blogger comment and replay, summary post, and more. This template designed for all type of blogs and compatible with most users browser but for perfect view, use a browser which support CSS3 for box shadow.
This template also support template designer. You can edit the background, font color, font family, font size in template designer but for post title, you must edit the font size direct to HTML. Also remember, this template use a background shadow and if you want to change the background, make sure the color is match.
Similar Templates : Zero Gravity Blogger Template & Enamel Blogger Template
Author and Designer : ireng_ajah - DheTemplate.com / WordPress Theme 2 Blog
Setting Accrebility Blogger Template
1. Setting Featured Content Slider
a. Small thumbnail
The code look alike this below :
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='featured 1' height='45' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid2mvXOWA4pjBNhzyiRfV91TUpXvS2I8GY5i0bri-f3bYDKerxeI_yJwrbeC8PdVLVCIbrbbnxhK30M9zChOT_8HZ694X6Ri3BCxcDD5jGFePrxgET5kHxU9LJKne7d1P7wN3vDHaLoLI/s400/muse.jpg' width='60'/><span>Small Thumbnail Featured Post 1</span></a></li>
Note :
- Green color : replace with your IMG alt
- Blue color : replace with your image url
- red color : replace with short title description
b. Big thumbnail
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-1' style=''>
<img alt='featured 1' height='280' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid2mvXOWA4pjBNhzyiRfV91TUpXvS2I8GY5i0bri-f3bYDKerxeI_yJwrbeC8PdVLVCIbrbbnxhK30M9zChOT_8HZ694X6Ri3BCxcDD5jGFePrxgET5kHxU9LJKne7d1P7wN3vDHaLoLI/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>
Note :
- Green color : replace with your IMG alt
- Blue color : replace with your image url
- red color : replace with your link and featured title
- brown color : replace with short description
2. Setting My Networks (Social Setworks)
<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 + "feeds/posts/default"' title='RS feed blog'>RSS Feed</a></li>
Change the red color with your social links
3. Setting banner 125*125px
Copy and paste this code for ad 125*125px
<div class='banner'><a href="http://www.woothemes.com/amember/go.php?r=4740&i=b29"><img src="http://dl.dropbox.com/u/13718116/Banner/125x125a.jpg" border="0" alt="download premium and free wordpress themes with profesional and elegant design" width="125" height="125" /></a></div>
Note :
- red color : replace with your link and featured title
- Blue color : replace with your image url
- Green color : replace with your IMG alt
**Updates 4 February 2012 for Blog title variable
You can change font family, font size also font color for Blog Title in Template Designer but i gave a wrong name variable about That. Group description="Blog Title" > Post Title (Blog Title)
Thank you, Diptesh Thakore™
**Updates 16 February 2012 for Javascript code of Tabview
Find this code
<script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>
And replace with this one
<script src='http://freetemplate.googlecode.com/files/codejquery-1.2.6.min.js' type='text/javascript'/>
Contact us or leave a comment if you have any question about this template
