sábado, 16 de janeiro de 2016

Popular Post widget 2016

popular-post-widget-2016

Que tal dar uma estilizada no popular post do seu blogger e ter um igual ao do mybloggerseo então vamos aos passos para adicionar isso a seu blogger.

Primeiro passo faça login no seu blogger 
no menu procure por modelo então Editar/HTML 
com as teclas combinadas Procure por ]]></b:skin> e acima disso cole o seguinte código 



#PopularPosts1 h2{margin-bottom:0}
#PopularPosts1 ul{list-style:none;counter-reset:li;padding:10px;left:-8px;width:93%}
#PopularPosts1 ul li:before{content:counter(li);counter-increment:li;position:absolute;left:-30px;top:50%;margin-top:-13px;background:#8E8E8E;height:1.9em;width:2em;line-height:2em;text-align:center;font-weight:700;color:#fff;font-size:14px}
#PopularPosts1 ul li:after{position:absolute;content:'';left:-2px;margin-top:-.7em;top:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #8E8E8E}
#PopularPosts1 ul li a{color:#666;text-decoration:none;font-size:14px}
#PopularPosts1 ul li a:hover{color:#f65b4f}
#PopularPosts1 ul li{position:relative;display:block;padding:5px 0 5px 15px;margin:0 0 5px;background:#fafafc;transition:all .3s ease-out;text-decoration:none;transition:all .1s ease-in-out}
#PopularPosts1 li{width:91%;left:20px}

Então salve o modelo.

No menu vá em layout adicionar um novo gadget na sidebar
Procure por popular post adicione isso salve e pronto.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner