Media Online Blogger Template

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

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/AVvXsEgn6VLoPQxB4bEsyHZ1N6kWS6XY8OJiAT1USw5-08XW0Jy4obviG6qpsFb6n0vbUdZI3lVmCnuS5HnNOQszrbRqvHtrR8zLKM38Y8wtHbGRKfJ1MR7G1h2jkbuIC8S1vOB2KLBSjz0Di_A/s1600/DheTemplate.png'
width='80'/><span>DheTemplate Blogger Template</span></a></li>

Replace :
blue color with image ALT
red color with image link
green color with short title

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/AVvXsEgn6VLoPQxB4bEsyHZ1N6kWS6XY8OJiAT1USw5-08XW0Jy4obviG6qpsFb6n0vbUdZI3lVmCnuS5HnNOQszrbRqvHtrR8zLKM38Y8wtHbGRKfJ1MR7G1h2jkbuIC8S1vOB2KLBSjz0Di_A/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>

Replace :
blue color with image ALT
red color with image link
orange color with link and title featured content
green color short description

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)

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>

Replace :
"/" with your id link

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>

• Demo
• Download

 

* 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