Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Riviera Blogger Template

Riviera

Free Download Live Demo

4,874 Downloads.


Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Riviera

Riviera is a free Blogger template adapted from WordPress with 2 columns, magazine-like layout, left and right sidebars, ads ready, footer columns, slider, posts thumbnails, tabs and drop down menu.


More Magazine Blogger templates:


Credits

Author: PBTemplates.
Designer: .


11 Questions and comments on Riviera

Brigit 21 May 2011 at 10:38

Hi!
I really like how it looks but I’m having some difficulties with the blog’s homepage.
The posts get an automatic break (read more) and I don’t want this.
And the posts are shown as a plain text. No bold, italics, hyperlinks etc. which I find very annoying.

Does anyone know how I can solve this?
xx

↩ Reply
Claudia 22 May 2011 at 17:30

@Brigit: Go to Design/Edit HTML -> Expand widget templates and replace:

  <div class='post-body entry-content'>

<p><script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx =  s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Read more »</b></a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

by:

<div class='post-body entry-content'>

<p><data:post.body/></p>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Save changes.

↩ Reply
tben 28 May 2011 at 15:16

My ie9 cannot display thumb on the home page properly, the picture is very narrow. anybody got the same problem?

↩ Reply
MVK 31 May 2011 at 8:59

Yes, I’m having the same problem too.. Can’t figure out how to fix this. I’m also finding that unless I put in “original size” when posting pictures, it will distort alot of the image; for example, faces will look very long and narrow.

Does anyone know how to fix either of these issues?

↩ Reply
Claudia 31 May 2011 at 23:08

@tben: Some people reported the same problem in IE9 (the template was checked in previous versions of internet explorer only). So, maybe you would like to remove the image thumbnails and automatic readmore (read my previous comment).

↩ Reply
MVK 1 June 2011 at 9:23

Thanks! I appreciate your help. That works well!
Do you have any insight into the photo problem of stretching the photos a bit too long?

↩ Reply
Brigit 3 June 2011 at 14:30

@Claudia:
Thanks Claudia! It works now ;)

↩ Reply
John 7 June 2011 at 20:18

You can change the html for the image from floating to absolute and it fixes the ie8/ie9 image problem. Also you migh have to change the image descriptions in the html if your other other iages diplaying incorrectly in your posts. (get red or alter the image sizes).

One question though Claudia, how do you make the summaries have italics and hyperlinks. I want to keep the summaries as they are a great way of increasing the number of posts on a page and besides they look great, I just want to have italics, bold and hyperlinks active in the summaries for SEO purposes.

Thanks John

↩ Reply
MVK 9 June 2011 at 7:39

I was wondering if there is anyway to embed comments at the bottom of each post on the home page, instead of only have them embedded when someone clicks on the post link. thanks in advance for anyone who may have the answer, I appreciate it:)

↩ Reply
MVK 9 June 2011 at 8:13

Does anyone know the dimension of the slider? I’m trying to figure out they best pictures that will fit into the slider without distorting the photograph. I keep having to change the height and width of each photo, so each slider ends up being a bit different in size in order to avoid the distortion.

↩ Reply

Leave a Reply

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