Recent Post Gallery

 1. sebelum ]]></b:skin>

 
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{height: 290px;
    width: 18%;
    text-decoration: none;
    float: left; margin: 1%;padding: 0!important;border-radius: 3px;flex-direction: row;
    justify-content: space-between;transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1);
    transition-delay: 0s;
    background-color: rgb(255 255 255);
    box-sizing: border-box;}
.recent-gallery .gallerytem a{text-decoration:none}
.recent-gallery .gallerytem .ptitle{    display: block;
    padding: 15px 20px;
    text-align: left;
    transition: all .2s;backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.recent-gallery a img{transition: all .3s;
    height: 195px;
    width: 100%;
    padding: 0 !important;}
.recent-gallery a:hover img {} 

2. Sebelum </head>

<script type='text/javascript'>
//<![CDATA[
// Recent Post Gallery
function arlinagrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+arlina_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+arlina_thumbs+'" height="'+arlina_thumbs+'"/>',p=arlina_title?'<span class="ptitle">'+r+"</span>":"",g='<a rel="nofollow" rel="noreferrer"href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
<script>
var arlina_thumbs = 72; 
var arlina_title = true; 
</script>
<script src="/feeds/posts/default/-/Web%20Browsers?max-results=5&amp;alt=json-in-script&amp;callback=arlinagrid">
</script>