Postagens recentes responsivo

Views:
<style type="text/css">

.bsrp-gallery {

width:100%;

margin: 0 auto;

clear:both;

text-align:center;

z-index:;

}

.bsrp-gallery:after {content: ""; display: table; clear: both;}

.bs-item {width:33.3%;position: relative;float: left;margin: 0 auto 20px auto !important;text-decoration: none; overflow: hidden;}

.bs-item:last-child{margin-right:0px !important;}

.bsrp-gallery .bs-item .ptitle {

font-size:15px;

color: #333;

text-align:center;

font-weight:normal;

font-style: normal;

font-family: 'Questrial',sans-serif;

word-wrap: break-word;

text-transform:none;

position: absolute;

background: rgba(251,242, 237, 0.78);

display: block;

width:85%;

height: 12%;

margin:auto;

margin-left:4.5%;

padding:3%;

padding-top:8%;

-webkit-transition: all 1.0s ease-out;

-moz-transition: all 1.0s ease-out;

line-height: 18px;

bottom:-40%;}

.bsrp-gallery .bs-item:hover .ptitle{bottom:0px;}

.bsrp-gallery a img {width:90%; height:auto;background:; float:center; padding:0px; -moz-box-shadow:; -webkit-box-shadow:; transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s;}

.bsrp-gallery a:hover img {padding:0px;

}

</style>

<script>

// Blogger Recent Posts Gallery by Bloggersentral.com

// Tutorial at http://www.bloggersentral.com/2013/05/recent-posts-image-gallery-for-blogger.html

// Free to use or share, but please keep this notice intact.

//<![CDATA[

function bsrpGallery(root) {

    var entries = root.feed.entry || [];

    var html = ['<div class="bsrp-gallery nopin" title="">'];

    for (var i = 0; i < entries.length; ++i) {

        var post = entries[i];

        var postTitle = post.title.$t;

        var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url : 'http://3.bp.blogspot.com/-sWtp_qRPNT8/UZYmQq5sAdI/AAAAAAAAEec/7YDbpK4Q6g8/s72-c/default+image.png';

        var newImgUrl = orgImgUrl.replace('s72-c', 's' + bsrpg_thumbSize + '-c');

        var links = post.link || [];

        for (var j = 0; j < links.length; ++j) {

            if (links[j].rel == 'alternate') break;

        }

        var postUrl = links[j].href;

        var imgTag = '<img src="' + newImgUrl + '" width="' + bsrpg_thumbSize + '" height="' + bsrpg_thumbSize + '"/>';

var pTitle = bsrpg_showTitle ? '<span class="ptitle">' + '<span class="datagaleria">' + '</span>' + postTitle + '</span>': '';



        var item = '<a href="' + postUrl + '" target="_self" title="' + postTitle + '">' + imgTag + pTitle + '</a>';

        html.push('<div class="bs-item">', item, '</div>');

    }

    html.push('</div>');

    document.write(html.join(""));

}

//]]>

</script>



<div class='bsrp-gallery'>

<script>

  var bsrpg_thumbSize =600;

  var bsrpg_showTitle = true;

</script>

<script src='/feeds/posts/summary?max-results=6&alt=json-in-script&callback=bsrpGallery'></script>

</div>