Senin, 25 April 2011

Free Pre Live Mag Blogger Template



Free Pre Live Mag Blogger Template is a clean and elegant magazine style blogger template with vertical content slider.
Features of this template :
- 2 column template
- 3 column footer
- Magazine style template
- Vertical content slider
- SEO friendly with semantic heading level
- Ads Ready
- Auto readmore
- RSS & Twitter buttons
- Comment with gravatar ready
and more

It's suitable for all type of blog and compatible with most user browsers

Similar Templates : Cubenatic Blogger Template & Wazzirator Blogger Template

Designer & Author : ireng_ajah - DheTemplate.com / WordPress Theme 2 Blog

Instructions :

Setting Pre Live Mag Blogger Template


1. Setting Twitter & RSS Feed

Go to Design > Edit HTML and find this code below
<li class='twitter'><a href='#TWITTER_LINK'>Twitter</a></li>
<li class='rss'><a href='#FEED_LINK'>RSS</a></li>

Change the Red color with yours

2. Setting Featured content


Go to Design > Page Elements. Click EDIT of Featured-Content widget. Copy and paste this code below

<div id='featured'>
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt="testing" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvcdFNBfs5w69RPwu3T7HriYxg__lAA1FJnvPD0UqUS_6Tawyq-wS5QexMyg3VicsdQWS7J31F3vqbYFXLiuOhJ5FRQWZKn8vfEF-Ldv2ZT6RXcpAhRQjE2OTPdXnGxo4CouaMLnHQNw/s400/Poster-Inc.jpg" width="80" /><span>Poster Inc</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt="testing" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkZXnInM3waLI2xB4ewB0DN7DLRvmQ4EJpjvgDDbifi9uFxvd0qJTDxXcxsbkfyvffZgmklNOHpUiNnQE1eWei5IUSkzk3C8bRj6dqmEWxeSyWHdXCqw3A5dBsfJ6rYMVfIrVvPrPqlc/s400/whitePress.jpg" width="80" /><span>whitePress</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt="testing" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVK5R6n-EN5Rqd3ac1ADs70iCfGJKg9MoJpolx5RSc_61UI7BbYtlqRKuN1lPYh1GB96cOlTp6msN2HjnTRx8ZfhRnTwhcnGLCJ_GFg5LKJbXeWe1dKz8fB3mi7sgQ_gxKbb201ebNNU/s400/Ireng-Manis-V2.jpg" width="80" /><span>Ireng Manis V2</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt="testing" height="60" src="http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTgJ1e_iMLfTGKnOS6SCxUSeqfg_JcX_M0hMoMLfvTi2l8rfb6jlRNSS6aEG9Gn1CbW73qTK0l0o6WwZyUy-AYyxU34Jzvct-LfwC0xbNAGka2RhZSHiQtSNjFjII-FSvhz_SVPci-iWQ/s400/Press-Magajah.png" width="80" /><span>Press Magajah</span></a></li>
</ul>
<!-- First Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt="testing" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvcdFNBfs5w69RPwu3T7HriYxg__lAA1FJnvPD0UqUS_6Tawyq-wS5QexMyg3VicsdQWS7J31F3vqbYFXLiuOhJ5FRQWZKn8vfEF-Ldv2ZT6RXcpAhRQjE2OTPdXnGxo4CouaMLnHQNw/s400/Poster-Inc.jpg" width="420" />
<div class='info'>
<h3><a href='http://www.dhetemplate.com/2010/11/free-poster-inc-blogger-template.html'>Poster Inc Blogger Template</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='http://www.dhetemplate.com/2010/11/free-poster-inc-blogger-template.html'>More</a></p>
</div>
</div>
<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt="testing" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkZXnInM3waLI2xB4ewB0DN7DLRvmQ4EJpjvgDDbifi9uFxvd0qJTDxXcxsbkfyvffZgmklNOHpUiNnQE1eWei5IUSkzk3C8bRj6dqmEWxeSyWHdXCqw3A5dBsfJ6rYMVfIrVvPrPqlc/s400/whitePress.jpg" width="420" />
<div class='info'>
<h3><a href='http://www.dhetemplate.com/2010/11/free-whitepress-blogger-template.html'>whitePress Blogger Template</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.dhetemplate.com/2010/11/free-whitepress-blogger-template.html'>More</a></p>
</div>
</div>
<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt="testing" height="290" src="http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVK5R6n-EN5Rqd3ac1ADs70iCfGJKg9MoJpolx5RSc_61UI7BbYtlqRKuN1lPYh1GB96cOlTp6msN2HjnTRx8ZfhRnTwhcnGLCJ_GFg5LKJbXeWe1dKz8fB3mi7sgQ_gxKbb201ebNNU/s400/Ireng-Manis-V2.jpg" width="420" />
<div class='info'>
<h3><a href='http://www.dhetemplate.com/2010/11/free-ireng-manis-v2-blogger-template.html'>Ireng Manis V2 Blogger Template</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.dhetemplate.com/2010/11/free-ireng-manis-v2-blogger-template.html'>More</a></p>
</div>
</div>
<!-- Fourth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt="testing" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTgJ1e_iMLfTGKnOS6SCxUSeqfg_JcX_M0hMoMLfvTi2l8rfb6jlRNSS6aEG9Gn1CbW73qTK0l0o6WwZyUy-AYyxU34Jzvct-LfwC0xbNAGka2RhZSHiQtSNjFjII-FSvhz_SVPci-iWQ/s400/Press-Magajah.png" width="420" />
<div class='info'>
<h3><a href='http://www.dhetemplate.com/2010/07/free-blogger-template-press-magajah.html'>Press Magajah Blogger Template</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='http://www.dhetemplate.com/2010/07/free-blogger-template-press-magajah.html'>More</a></p>
</div>
</div>
</div>


Green color = alt image
Blue color = image url
Brown color = Title of featured content
Red color = URL post
Black bold = short description of featured content

Tidak ada komentar:

Posting Komentar