// 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;