Gadget de entradas populares en colores con css

Normalmente la mayoria de los usuarios en blogger instalan el gadget de entradas populares el cual al intalarlo te da varias opciones pero ninguna con respecto a su estilo desde desde hace un tiempo, muchos han buscado la forma de darle un toque diferente pero nada.

Hasta que desde hace unos dias aparecio una forma de acerlo y con solo css,y muy facil de implementar .


1-Solo vayan a añadir un gadget y buscan Popular Post
lo configuran al tiempo que quieran pero sin señalar imagen señalan la cantidad que quieres mostrar y lo guardas.


2-Ahora con solo dar un click en el siguiente boton se te añadira el codigo al blog que decees sin tener que hacer nada mas .



Par el que ya tenga el gadget instalado solo le dan click al boton y es todo

El que no lo quiera añadir por la via mas rapida que es el boton ,entonces peguen el siguiente codigo en un gadget le dan a guardar y es todo ya van a tener mas personalizado sus entradas populares.


<style>
.sidebar .PopularPosts .widget-content ul li{
height: 100%;
line-height: 22px;
float: left;
clear: left;
list-style-type: none;
overflow: hidden;
color: black;
}
.sidebar .PopularPosts .widget-content ul{margin:0;padding:5px 0;list-style-type:none;}
.sidebar .PopularPosts .widget-content ul li{position:relative;margin:5px 0;border:0;padding:10px;opacity:0.8;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;}

.sidebar .PopularPosts .widget-content ul li:hover {border-radius:30px 0px 0px 0px;margin-left:10px;opacity:1.0}
.sidebar .PopularPosts .widget-content ul li:first-child {background:#ff4c54;width:95%}
.sidebar .PopularPosts .widget-content ul li:first-child:after{content:"1"}
.sidebar .PopularPosts .widget-content ul li:first-child + li{background:#ff764c;width:85%}
.sidebar .PopularPosts .widget-content ul li:first-child + li:after{content:"2"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li{background:#ffde4c;width:75%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li:after{content:"3"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li{background:#c7f25f;width:65%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li:after{content:"4"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li{background:#33c9f7;width:55%;padding-right:20px;}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li:after{content:"5"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:45%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after{content:"6"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:35%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after{content:"7"}
.sidebar .PopularPosts .widget-content ul li:first-child:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after{position:absolute;top:15px;right:-2px;border-radius:9%;background:#353535;width:30px;height:40px;line-height:2em;text-align:center;font-size:24px;color:#adadad;}
.sidebar .PopularPosts .widget-content ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:30px;height:90px}
.sidebar .PopularPosts .widget-content ul li a{font-size:18px;font-weight:bold;color:#000000;text-decoration:none;text-shadow:0px 0px 6px white;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
}
.sidebar .PopularPosts .widget-content ul li a:hover{color:black;text-decoration:none;text-shadow:1px 1px 1px white;}

</style>





Ya disponible la aplicación oficial de Pinterest para Android

Muchos usuarios de Android se encontraban esperando con bastante insistencia una aplicación para la red social, Pinterest. Y hasta que por fin aparece,tras haber abierto la red a todos los usuarios sin ser necesaria una invitación han hecho caso y ya se encuentra disponible la aplicación oficial de Pinterest para Android en el Google Play.


Ahora ya pueden añadir cosas a tus tablones, ver lo que añaden tus contactos y poder seguir a más gente interesante. Todas las prestaciones están incluidas en la aplicación, que tiene un diseño muy parecido a la web . Un diseño que está muy bien pero que quizá le resta un poco de claridad a las funciones que aparecen pero bastante discretas.

Estas aparecen cuando vamos a ver un “pin” en particular, y en la parte inferior nos aparecen tanto las funciones de “me gusta” como repinear o comentar.

Hasta ahora habían alternativas en Google Play pero que no acababan de sacarle todo el rendimiento a Pinterest. Ahora con la aplicación oficial por fin podemos disfrutar de todas las funciones allá donde vayamos. Pinterest ahora estará más presente que nunca gracias a la aplicación móvil.




Páginas de marcas podran personalizar su URL en Google+

El poderoso de internet Google dio a conocer en el dia de hoy que muchas páginas de marcas y celebridades verificadas podrían ya tener un nombre en su dirección URL personalizado.
Las letras y números que aparecen por defecto en las direcciones ya no apareceran mas para estas paginas.


Como por ejemplo el perfil de Toyota hasta ahora era https://plus.google.com/110937137992985950150, pero con la llegada de las URL personalizadas pasa a ser http://google.com/+toyota , El de Britney Spears pasa a ser google.com/+britneyspears  y así con muchos mas.Por ahora esta posibilidad tan sólo está disponible para perfiles o páginas verificadas, pero según Google es una característica que se irá implementando en todos los perfiles progresivamente.

El equipo de Google+ sostiene que la red es un espacio para compartir cada día. Por eso, la actualización nada desconocida para los usuarios ayudará a las compañías a posicionarse mejor en el espacio.

Puedes seguir las noticias de la compañía desde

    #googleplusupdate
via : Saurabh Sharma





data:newerPageTitle data:olderPageTitle data:homeMsg