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 TemplateDesigner & Author : ireng_ajah -
DheTemplate.com /
WordPress Theme 2 BlogInstructions : 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/AVvXsEiHetKsw76LgUuwDMZwTp5REYv62wmZWukeukpcs7KA-ZtGu0x9tcWWNNyUxAOD-W3x4V0I-X47o4-r_pcXU62PzaEP4H7sTnU353sOCmtxVmYZRTF4ax1EM4fafsQAMJORH_v980gJduw/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/AVvXsEiIZ_4KJhtYfmWehHf5WpKcvk6odK0sQVND2EAJBSE2-gP5qy4l8K5554qLlB7nyqTH7ULqFlbn0UaTnxpztSidcHUnGE4gtYd5IeoMYSsFgUeDu2ToR3Z9C18XrW5Kl1tQz445J2_e-84/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/AVvXsEhI_Jn8M_AyibcOlnefE-9nU9VQDM0YWtji3I66UinjjY5hxrk4HDOFLOntGe22VuG9-HVR6WRNaGPLK81oLZAdkmSu8O_cDZrVBLcVYPvVec381srmWebwasqPYW1Y98xXIA5mz3sgv2o/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="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8tPAuUUXN0bT0Ei6UnAnSIf3NnTx8jrYyjvUKYI-zg0ibtnA71PDT2jfHYhxwlxtBsnd_tp-buWYMHBYJ_l0Fk2hlCK9xu2FDma9PbH6jgOxBkjRxYXcqGQRJpbf7nyCksh5mO8xeNes/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/AVvXsEiHetKsw76LgUuwDMZwTp5REYv62wmZWukeukpcs7KA-ZtGu0x9tcWWNNyUxAOD-W3x4V0I-X47o4-r_pcXU62PzaEP4H7sTnU353sOCmtxVmYZRTF4ax1EM4fafsQAMJORH_v980gJduw/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/AVvXsEiIZ_4KJhtYfmWehHf5WpKcvk6odK0sQVND2EAJBSE2-gP5qy4l8K5554qLlB7nyqTH7ULqFlbn0UaTnxpztSidcHUnGE4gtYd5IeoMYSsFgUeDu2ToR3Z9C18XrW5Kl1tQz445J2_e-84/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="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_Jn8M_AyibcOlnefE-9nU9VQDM0YWtji3I66UinjjY5hxrk4HDOFLOntGe22VuG9-HVR6WRNaGPLK81oLZAdkmSu8O_cDZrVBLcVYPvVec381srmWebwasqPYW1Y98xXIA5mz3sgv2o/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/AVvXsEg8tPAuUUXN0bT0Ei6UnAnSIf3NnTx8jrYyjvUKYI-zg0ibtnA71PDT2jfHYhxwlxtBsnd_tp-buWYMHBYJ_l0Fk2hlCK9xu2FDma9PbH6jgOxBkjRxYXcqGQRJpbf7nyCksh5mO8xeNes/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
