Popular Post Simple Widget

Popular Post Simple popular post widget

Hoje vamos apresentar popular post widget simple criado por cb isso é elegante e o melhor é que isso é limpo e de facil utilização perfeito para qualquer template uma das coisas boas é que isso não vai impactar no carregamento do Blogger então se deseja adicionar siga os passos abaixo:


Adicionando o widget no template do Blogger

Faça login no blogger então va no menu tema editar HTML/JavaScript 
com as teclas combinadas CTRL+F busque por ]]></b:skin> então copie e cole o seguinte código antes disso:


.PopularPosts h2{padding-right:.4em;padding-left:1em}
.popular-posts ul{padding-left:0;counter-reset:trackit}
.popular-posts ul li{border-bottom:1px solid #f0f0f0;list-style:none outside none!important;margin-left:0!important;overflow:hidden;padding:10px 0!important;transition:all .25s linear 0;counter-increment:trackit}
.PopularPosts ul li:before{content:counters(trackit, ".");padding:0 .1em 0 0;font-size:20px;font-weight:700;color:#C4C4C4;float:left;margin-right:10px}
.PopularPosts li:first-child{border-top:1px solid #f0f0f0}
.PopularPosts li:nth-child(odd){background:#f5f5f5}
.PopularPosts .item-thumbnail,.PopularPosts .item-snippet{display:none!important}
.PopularPosts a,.PopularPosts a:hover{color:#959595;font-size:.9rem}
#PopularPosts1 li{padding-right:1em!important;padding-left:1em!important}
.widget.PopularPosts{padding:1.2em 0!important}


Salve isso então va no menu layout adicionar novo gadget procure por popular post então veja o resultado deixe desmarcado imagem.

Click to comment