Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Poliart Blogger Template

Poliart

Free Download Live Demo

2,835 Downloads.


Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Poliart

Poliart is a free Blogger template adapted from WordPress with 2 columns, magazine-like layout, right sidebar, slider and posts thumbnails.


More Magazine Blogger templates:


Credits

Author: BloggerTheme.
Designer: .


8 Questions and comments on Poliart

Chris Arnold 9 November 2010 at 14:12

The link to the layout setup is broken.

↩ Reply
Claudia 9 November 2010 at 19:35

@Chris Arnold: Welll… If you have some question, you can ask here. We can help you to set up the layout.

↩ Reply
Jim 16 November 2010 at 22:21

I like this template, but I’m not verse in HTML. How do you change the default “PoliArt” logo to my own?

↩ Reply
Claudia 16 November 2010 at 22:29

@Jim: 1° step: Create your own logo. You may use the psd file included in this template (logo.psd).

2° Host your new logo image in any free photo hosting.

3° Go to Design/Edit HTML, and replace the following URL by the URL of your new logo:

http://3.bp.blogspot.com/_JUg9QsmKp5s/TNiwAz2JpyI/AAAAAAAABXw/N3giqW1jgp4/s000/logo.png
↩ Reply
TOR 19 November 2010 at 4:32

Hey! Thanks for your template, i Like it!

but i have some problem when open my blog with IE8

all images on page are error, they are change from nice default size (610×320 px) to ugly image size. i try to open with Firefox and Chrome is OK. This fail is on IE only!.

i try to force setting image size by width and height (without style), but it not response or anything changed.

How can i do to fix it?

ps. my blog is about teaching Thai people to learning English, so sorry if you see funny font. :P

↩ Reply
Claudia 19 November 2010 at 20:22

@TOR: This template was tested in IE8, and works fine. Except for the error warning, all elements are shown properly.

↩ Reply
Bianca 17 April 2011 at 3:49

I also like this template, but How do I change the slide-show in my own pictures? And how do I edit YOUR POST TITLE HERE
SOME DESCRIPTION OF YOUR POST HERE? I can’t figure this out …
The EDIT link is also difficult to change …

↩ Reply
Claudia 19 April 2011 at 19:28

@Bianca: Go to Design/Edit HTML and find the following code:


<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='black-bg' id='slider-holder'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage' style='display: list-item;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 1' src='https://2.bp.blogspot.com/_JUg9QsmKp5s/TNiwBSoLykI/AAAAAAAABX0/FyteuIMSkoA/s000/1.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: block;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>

</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 2' src='https://1.bp.blogspot.com/_JUg9QsmKp5s/TNiwBxfggcI/AAAAAAAABX4/oiLPkro9HzI/s000/2.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>

SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='https://2.bp.blogspot.com/_JUg9QsmKp5s/TNiwCbU2u3I/AAAAAAAABX8/mjnP1M--ljc/s000/3.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>

</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 5' src='https://3.bp.blogspot.com/_JUg9QsmKp5s/TNiwC5JytiI/AAAAAAAABYA/edNYrMjPnwc/s000/4.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>

</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 5' src='https://2.bp.blogspot.com/_JUg9QsmKp5s/TNiwDRxsIUI/AAAAAAAABYE/mGBUTn573Go/s000/5.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>

</li>
<li class='clear s3sliderImage'/>
</ul>

</div>
</div>
</b:if></b:if>

In that code, you can replace descriptions and image URLs by yours. Your images must be 640px × 480px.

↩ Reply

Leave a Reply to Claudia Cancel reply

Your email address will not be published. Required fields are marked *