Widget popular post with number 2018

new popular post mybloggerseo widget suntak flik

Popular post new widget para blogger é um widget perfeito que vai trazer mais destaque para as postagens populares, Blogueiros utilizam postagem populares para dar mais enfase nas postagens mais acessadas isso é perfeito para qualquer tipo de blogger caso deseje adicionar no template siga os passos abaixo


Adicionando o widget no seu template:

Faça login no blogger então vá no menu tema editar HTML  com as teclas combinadas CTRL+F
busque por </style> ou </head> e antes disso copie e cole o seguinte código:


/*---- Popularpost ----*/
.PopularPosts .widget-content ul{width:100%;padding:0;list-style-type:none}
.PopularPosts .widget-content ul li{margin:0 0 10px;padding-bottom:10px;position:relative;overflow:hidden}
.PopularPosts .widget-content ul li .item-title{line-height:1.4em;padding:6px 10px 0 0}
.PopularPosts .widget-content ul li .item-title a{font-size:14px;font-weight:700;color:#111}
.PopularPosts .widget-content ul li a:hover,.PopularPosts .widget-content ul li:hover a{color:#aaa}
.PopularPosts .widget-content ul li img{width:130px;height:90px;padding-right:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-filter:brightness(.8);filter:brightness(.8)}
.Label li,.Label li a{position:relative;color:#444;transition:all .3s ease-out}
.PopularPosts .item-thumbnail{float:left;margin:0 10px 0 0;width:130px;height:90px;overflow:hidden}
.PopularPosts .widget-content ul li img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.PopularPosts .widget-content ul li:before{color:#fff;counter-increment:count;content:counter(count);position:absolute;left:5px;top:10px;z-index:51;transition:all .4s;height:20px;min-width:20px;border-radius:50px;font-size:15px;background:red;font-weight:500;text-align:center;padding:3px;overflow:hidden}
.PopularPosts ul{counter-reset:count}
.PopularPosts .item-control,.PopularPosts .item-snippet{display:none}

Salve

Então va no menu layout na sidebar localize onde deseja adicionar o widget então adicionar novo gadget procure por popular post então configure conforme a figura abaixo mostrado.

style new widget popular theme

Salve e pronto veja o resultado 

Você pode também caso deseje alterar o código CSS conforme o seu gosto para combinar com o template do blogger.

Click to comment