Blogger'da Popüler Yayınlarınızı Şekillendirin

Blogger'da Popüler Yayınlarınızı Şekillendirin 

 

 Temanıza   ekliyeceğiniz  css kodları  altta.

Css Kodları

.PopularPosts .widget-content ul li:last-child{border-bottom:none}
.PopularPosts .widget-content ul li .item-title{color:#fff;line-height:1.1em;padding:0 10px 0 0}
.PopularPosts .widget-content ul li .item-title a{text-decoration:none;color:#ccc;font-size:13px;font-weight:400}
.PopularPosts .widget-content ul li .item-title a:hover{color:#fff}
.PopularPosts .item-snippet{font-size:16px;font-weight:400;margin-top:10px;line-height:1.1em}
.PopularPosts .widget-content ul li amp-img{width:300px;height:180px;padding-right:0;transition:all .5s ease-out}
.PopularPosts .widget-content ul li:first-child{border-bottom:none;padding:0}
.PopularPosts .widget-content ul li:first-child .item-thumbnail{margin:0;width:100%;height:180px;overflow:hidden;display:block}
.PopularPosts .widget-content ul li:first-child .item-title{position:absolute;left:0;right:0;bottom:0;text-align:left;padding:15px 20px 15px 60px;background:rgba(0,0,0,.7);z-index:1}
.PopularPosts .widget-content ul li:first-child .item-title a{color:#fff}
.PopularPosts .item-snippet,.PopularPosts .widget-content ul li .item-thumbnail{display:none}
.PopularPosts .widget-content ul{padding-left:0;counter-reset:popcount}
.PopularPosts .widget-content ul li .item-title:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:10px;top:50%;margin-top:-19px;color:#ff0000;font-size:38px;line-height:1;z-index:2}
.sidebar .PopularPosts .item-title a{color:#000;text-decoration:none}
.PopularPosts .widget-content ul li:first-child .item-title:before{color:#fff;}