// Recent Posts Thumbnail Grid by Label from http://misses-cherry.blogspot.com
// Original: Blogger Recent Posts Gallery by http://theblogger911.blogspot.com
// Tutorial at http://theblogger911.blogspot.com/2013/09/customizable-recent-post-image-gallery.html
// Free to use or share, but please keep this notice intact.

function tb911rpGallery(root) {
var entries = root.feed.entry || [];
var html = [‘

‘];
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' + tb911rpg_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 = '‘;
var pTitle = tb911rpg_showTitle ? ” + postTitle + ” : ”;
var item = ‘‘ + imgTag + pTitle + ‘‘;
html.push(‘

‘, item, ‘

‘);
}
html.push(‘

‘);
document.write(html.join(“”));
}

/* Recent Posts Thumbnail Grid by Label from http://misses-cherry.blogspot.com */
/* www.theblogger911.blogspot.com Recent Posts Image Gallery CSS Start */

.tb911rp-gallery {
padding:3px;
text-align: center;
width: 100%;
}

.tb911rp-gallery:after {
content: “”;
display: table;
text-align: center;
width: 100%;
}

.tb911rp-gallery .tb911-item a {
position: relative;
float:left;
margin: 0 11px 11px 0 !important;
text-decoration:none;
}

.tb911rp-gallery .tb911-item .ptitle {
position: absolute;
z-index: 1;
opacity: 0.00;
filter: alpha(opacity=0);
display: block;
clear: left;
height: 140px;
min-height: 100%;
width: 100%;
text-align: center;
}

div.tb911rp-gallery .tb911-item .ptitle:hover {
position: absolute;
z-index: 1;
background: #fff;
color: #292929;
opacity: 0.95;
filter: alpha(opacity=95);
display: block;
clear: left;
font-size: 14px;
line-height:70px;
height: 70px;
min-height: 50%;
width: 100%;
text-align: center;
top: 25%; bottom: 25%;
overflow:hidden;
transition: background-color 0.4s; -webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
}

.tb911rp-gallery a img {
float: left;
padding: 0px;
border: 1px solid #ededed;
}

/* www.theblogger911.blogspot.com Recent Posts Image Gallery CSS End */
/* Recent Posts Thumbnail Grid by Label from http://misses-cherry.blogspot.com */

var tb911rpg_thumbSize = 140;
var tb911rpg_showTitle = true;