Media Online–Theme tuyệt đẹp cho blogspot

Free Media Online Blogger Template is an elegant magazine style blogger template with auto recent post per categories. It's a 2/3 column blogger template with 4 column footer, automatic featured content, SEO optimized, ads ready, tabview ready, social widget ready, title post for newer an older post ready, and more. This template design for news style blogs.
I used jSon script for auto recent post from Simplex Design (Thank, dude) with a little bit modification by me.
Similar Templates : Simplex Enews Blogger Template & Simplex BlogNews Blogger Template
Author and Designer : ireng_ajah - DheTemplate.com / WordPress Theme 2 Blog

Setting Media Online Blogger Template

1. Setting Recent Post / Featured Post
This template support auto recent post per categories. All you have to do is just add the Label Name. See the image below :

Note: Case letters is sensitive. Make sure write correctly the label name
2. Setting Social Network and Links Feed
Go to Design > Edit HTML 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>

Change the red color with your Link
3. Setting Featured Content
Go to Design > Edit HTML and find 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/AVvXsEi5IlAcD_mSLV0QMsma0KUy1fskhbqv0MATJJ-SpWTmA5ZADEpLnJthHQ-euDPiVQtBhiEoy0jFHO5o-pPTHQ5kPJC8aS2-itHqR-3EUBqr1Ziu_g8cVdQfaTiWCeImzyJbRQMdAdG0AwU/s1600/DheTemplate.png' width='80'/><span>DheTemplate Blogger Template</span></a></li>

Change the red color with your IMG URL and 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/AVvXsEi5IlAcD_mSLV0QMsma0KUy1fskhbqv0MATJJ-SpWTmA5ZADEpLnJthHQ-euDPiVQtBhiEoy0jFHO5o-pPTHQ5kPJC8aS2-itHqR-3EUBqr1Ziu_g8cVdQfaTiWCeImzyJbRQMdAdG0AwU/s1600/DheTemplate.png' width='420'/>
<div class='info'>
<h3><a href='http://www.dhetemplate.com/'>DheTemplate - Free Blogger Templates Everyday</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.dhetemplate.com/'>More</a></p>
</div>
</div>

Note :
Red color: replace with your Image URL
Blue color: replace with Title and URL post
Green color: replace with short description
4. Setting Banner ad 125 x 125px
For perfect view banner ad 125 x 125px, the code look like this below :

<span class='banner'>
Your banner ad codes here
</span>

Contact us or leave a comment if you have any question about this template

Source: dhetemplate.com