Free Blogger Templates for your Blog


live demo
Instructions: Template Settings / How to install a Blogger template
Template author:PBTemplates

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

Download Riviera for free in BTemplates.

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

4.1 out of 5 based on 26 bloggers and 11 commenters.
Compatible with:FFIEChrome


11 Comments, leave a reply »
  1. Brigit 21 May 2011

    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?

  2. Claudia 22 May 2011

    @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 type='text/javascript'>

    function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    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;

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


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

    Save changes.

  3. tben 28 May 2011

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

  4. MVK 31 May 2011

    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?

  5. Claudia 31 May 2011

    @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).

  6. MVK 1 June 2011

    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?

  7. Brigit 3 June 2011

    Thanks Claudia! It works now 😉

  8. John 7 June 2011

    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

  9. MVK 9 June 2011

    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:)

  10. MVK 9 June 2011

    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.

  11. hamza 9 June 2013


Leave a Reply

Thank you for your comment! If it contains links, your comment will be moderated. If you're looking for technical support, please see the FAQ's, our blog or contact the original author.

There are 4667 free Blogger Templates for You!