Postagem Popular Personalizada no Blog ♥

Veja o exemplo abaixo 

Copie o código abaixo  cole antes de ]]></b:skin> e salve. 

Thay onde fica ]]></b:skin>? Na Nova interface do blog, clic em Modelo, Editar Html, Prosseguir. Pressione a tecla Ctrl + F no seu teclado ou pressione o botão F3, na barrinha que surgiu escreva ]]></b:skin> Observe que o código foi localizado agora copie o código a baixo cole antes de ]]></b:skin> em seguida clic em salvar modelo..

#PopularPosts1{max-width:300px} #PopularPosts1 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0} #PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #FF3E96;background: -webkit-gradient(linear, left top, left bottom, from(#FF3E96), color-stop(0.5, #FF3E96), c#4F94CDolor-stop(0.5, #FF3E96), to(#aaa));background: -moz-linear-gradient(top, #ffffff, #ddd 50%, #FF3E96 50%, #ffffff);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} #PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}  Ainda na Nova interface do blog, clic em Modelo, Layout em seguida  Adicionar um Gadget. Escolha a opção Postagens Populares e Salve. Creditos: Dany's Place