Ir al contenido principal

Entradas

Mostrando entradas de octubre, 2012

Estilo Gravatar para los avatares de los comentarios Blogger

Los comentarios que tienen tu Blog por defecto, en las plantillas del diseñador de plantillas no tienen estilo y los avatares de los comentaristas salen simples. En este post sabrás es como dar estilo a esos avatares como el estilo que tienen los Avatares de Gravatar en los sitios que tienen Gravatar. Ve a Plantilla, luego a Edicion de HTML. luego busca la etiqueta ]]></b:skin> y arriba de ella pega lo siguiente. .avatar-image-container, .avatar-image-container img {     max-width: 50px !important;     width: 50px !important;     max-height: 50px !important;     height: 50px !important;     padding: 0 !important;     border: 0px ;     -webkit-border-radius: 999px ;     -moz-border-radius: 999px ;     border-radius: 999px ; } .avatar-image-container{     border: 3px solid #fff !important;     -webkit-box-shadow: 0 1px 2px #BBB ;     -moz-box-shadow: 0 1px 2px #BBB ;     box-shadow: 0 1px 2px #BBB ; } Este es un estilo que normalmente se utiliza en Gr

Barra flotante para compartir en Redes sociales en Blogger

Como venia diciendo desde hace tiempo, esta es la era de las comunicaciones y el mejor medio de comunicacion en todo el mundo son las redes sociales y los desarrolladores han creado innumerables formas de agregar las redes a sus sitios web. Esta barra de redes sociales aparece encima de la entrada y flota hacia arriba o hacia abajo dependiendo para que esten siempre visibles, de esta manera si a alguien le gusta algo que has hecho, no tendrá que buscar donde compartir. Para agregar esta barra a tu Blog sigue los siguientes pasos. Ve a Plantilla , Luego a Edicion de HTML . Luego presiona la casilla de Expandir plantilla de artilugios y busca la etiqueta </head> , arriba de ella pega lo siguiente. <script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js "/> Ahora busca nuevamente </head> y arriba de ella pega lo siguiente. <b:if cond='data:blog.pageType == &quot;item&quot;'> <