miércoles, 8 de mayo de 2013

El Zoom Effects En Imagenes de tus Entradas Populares de Blogger

By andante77 10:13 a.m. entradas populares, HTML, HTML element, imagenes, widget, zoom element Leave a Comment

Como Anadir un efecto especial a la foto de las entradas populares se ejcuta el efecto especial cuando pasas el cursor del mouse sobre las mismas.

Estiliza tu pagina principal con este nuevo widget solo siguiendo unos simples pasos.

1Entra a la interface de blogger --> Deseno- -> Edita HTML

2.Busca este codigo ]]></b:skin> .

3.Copia el codigo de abajo y pegalo despues de ]]></b:skin>

<style type='text/css'>
.PopularPosts .item-title{display:none}
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}
</style>

Nota: Primero debes haber anadido el widget de entradas populares a barra del lado de tu Blogger . (Lo encuentras en la lista de widgets de Blogger)

4 Da Click guardar plantilla

5.Ahora Configura el widget de entradas populares asi ,puedes escoger cuantos entradas mostrar hasta 10.