Blogger Editor: Popular Post Mordan Template

648px x 516px

<style>
.popular-posts .item-thumbnail img:hover {
   opacity: 1;

/*Reflection*/
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));

/*Glow*/
  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

.popular-posts .item-thumbnail img {
  
    border-radius: 100px 100px 100px 100px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 5px solid #eee;

/*Transition*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
float: left;
margin-right: 10px;
 }

.popular-posts ul li {
margin: 12px;
    opacity: 0.8;
    border: 5px solid #eee;
 border-radius: 100px 100px 100px 100px;
    /*Transition*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

/*Reflection*/
list-style-type: none;
margin: 10px 30px 0px !important;
padding: 0px !important;
}
.popular-posts a{
font-size: 15px;
font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
text-decoration: none;
}
.PopularPosts .item-snippet {display: none;}
</style>

<div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h2>
Popular Posts</h2>
<div class='widget-content popular-posts'>
<ul>
<li><div class='item-content'>
<div class='item-thumbnail'>
<a href='/' target='_blank'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxz8OvzH2BCIS9F2PIyfF91zQAIj4e0nascSdSmPFx34-0hxVRYxIOJPOPl3Kk0A6ifD1xqIIXSg3clJnvuA2bHUjYlsYGFlKT5ni3rzmnHP7WuHASprIELJuOGx7p4X69ypoir-Rmvg/s1600/1.jpg'/></a></div>
<div class='item-title'>
<a href='/'>How not knowing weight loss supplements makes you a rookie</a></div>
<div class='item-snippet'>
Expose: you're losing money by not using preventative medicines. 6 ways fitness programs can find you the love of your life. Why cholest...</div>
</div>
<div style='clear: both;'>
</div>
</li>
<li><div class='item-content'>
<div class='item-thumbnail'>
<a href='/' target='_blank'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zVpURaByEkgmB1GU6lk2HZ82cmOXQ19gM1VQd10WHboulHDGWa7PUCcJtg8oB_O8YkqSGUIXzWrf65lPNBKwhDfaBSRJvn5o7qgzP7lCQWDIAJUcBmGCgrL4SjA6d-EMXD0tHWZLBQk/s1600/2.jpg'/></a></div>
<div class='item-title'>
<a href='/'>Will makeup brushes ever rule the world?</a></div>
<div class='item-snippet'>
The oddest place you will find celebrity houses. The 15 best lifestyle blog youtube videos. Why you'll never succeed at celebrity gossip...</div>
</div>
<div style='clear: both;'>
</div>
</li>
<li><div class='item-content'>
<div class='item-thumbnail'>
<a href='' target='_blank'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggaygZwwoMmK041gMY3Hjq5juF5IHMyVQKAA5yD4qHnOZqg5b6ksRC7bxifXTr4Cwf9zs7W3IFtlxS-ySR14q0jt2OqKHT2XiIu8Zd-ri_PfbUlYCzzZLpGzXJLaxJCdLy8C3k1hCt7ws/s1600/3.jpg'/></a></div>
<div class='item-title'>
<a href=''>Why unique dresses are on crack about unique dresses</a></div>
<div class='item-snippet'>
Why do people think trendy cloths are a good idea? If you read one article about women cloths read this one. The 8 biggest fashion magazine ...</div>
</div>
<div style='clear: both;'>
</div>
</li>
</ul>
</div>
</div>