Media Online Blogger Template is a magazine style blogger template with vertical featured content slider, clean and elegant design template. This template suitable for news style blogs

Features of this template
  • Magazine style blogger template
  • vertical featured content slider
  • 2 and 3 column template
  • 4 column footer
  • title post for newer an older post
  • auto recent posts per label/category
  • ads ready
  • drop down menu

media online blogger template

Setting Media Online Blogger template

When you install this template, make sure to fill up all featured post per label/category.

1. Setting featured content slider

Go to Template > Edit HTML > Proceed and fond this code below :
a. Small thumbnail
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-3'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-oU2sFQ0ULeUtgqI7Ed2aDraEw6Ip3CDb-ek1Qc7rewREB5M24J2wvof1O3vBt_a_li7wOGJMyqI5tHf1zC6j9DtDF6A-5B3xVJ_9rfGc3h14nM9-zTKBPbTtniHkZUvvaVKg6wC61dc/s1600/DheTemplate.png' 
width='80'/><span>DheTemplate Blogger Template</span></a></li>

b. Big thumbnail
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-oU2sFQ0ULeUtgqI7Ed2aDraEw6Ip3CDb-ek1Qc7rewREB5M24J2wvof1O3vBt_a_li7wOGJMyqI5tHf1zC6j9DtDF6A-5B3xVJ_9rfGc3h14nM9-zTKBPbTtniHkZUvvaVKg6wC61dc/s1600/DheTemplate.png' width='420'/>
<div class='info'>
<h3><a href='http://www.main-blogger.com/'>Main Blogger</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.main-blogger.com/'>More</a></p>
</div>
</div>

2. Setting recent posts per category

This template support auto recent posts per category/label. You just need type the label/category name in widget section

Go to Layout, click "Edit" the auto recent posts widget (see image below)

media online blogger template

3. Setting recent posts per category

Go to Template > Edit HTML > Proceed and find this code below :
<li class='facebook'><a href='/' title='Add Our Facebook'>Facebook</a></li>
<li class='twitter'><a href='/' title='Follow Our Twitter'>Twitter</a></li>
<li class='rss'><a href='/' title='Subscribe RSS Feed'>RSS</a></li>
<li class='email'><a href='/' title='Subscribe Email Feed'>Email</a></li>

4. Setting banner 125*125px

For perfect view banner 125*125px, the code should be like this :
<span class='banner'>
Your banner ad codes here
</span>


* By downloading and using this template, you agree with our Term & License

Updates

1. Layout

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredNews'>

Replace that code with this one : 
<div class='clear'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredNews'>

2. JavaScript code for tabview

Go to Template > Edit HTML > Proceed and find this code below :
<script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>
Replace that code with this one : 
<script src='http://freetemplate.googlecode.com/files/codejquery-1.2.6.min.js' type='text/javascript'/>

Let me know if you have any question or anything else about this template