Archivo de la Categoría:

Blogger

Ya está aquí la nueva Interfaz de Blogger

Escrito por: Alberto Lozano

Publicado hace 645 días, el 01 de septiembre, 2011 (Jueves)

Hace unos meses (Marzo) Google anuncio que la plataforma de Blogger iba a cambiar o rediseñar su interfaz y ahora es todo un hecho, una vez ingresando a tu escritorio habrá una opción para probar la nueva interfaz con un simple clic.

Ahora con su nuevo aspecto más fácil de manejar, el gestor de bitácoras se actualiza mucho mejor por medio de la usabilidad, las herramientas que ofrece para crear las entradas, al igual que iniciar con un nuevo Blog. Otra actualización que me pareció muy útil son las estadísticas donde por ejemplo podremos observar cuantas visitas tenemos al día o páginas vistas por medio de gráficos y datos detallados; Sin duda es como si tuvieran Analytics integrado en el escritorio de Blogger.

También la nueva herramienta para crear las entradas es mucho más elegante, limpio y fácil de publicar, donde la barra de herramientas sigue siendo la misma, pero la barra de configuración de las entradas es algo único ya que cuenta con las opciones de etiquetas, programar el post, lo nuevo como ubicación, y más opciones.

Si eres a los que no les gusto la nueva interfaz, todavía puedes cambiarla a la antigua, solamente dando clic en la opción “Volver a la interfaz anterior” ubicada en la parte superior.

Muchos ya lo ven como superior al escritorio o interfaz de WordPress.com, y por lo visto en el Blog de Blogger anunciaron que se vendrán más sorpresas de hora en adelante con esta plataforma; Así como esta, también hubo una noticia hace meses sobre el posible cambio de nombre en sus servicios de Google, donde rumores dicen que Blogger pasara a ser nombrado Google Blogs :O

Publicado en: Blogger, Noticias, Webmasters

Escribe un comentario

Colocar widget de Google+ Plus en tu Blog

Escrito por: Alberto Lozano

Publicado hace 666 días, el 10 de agosto, 2011 (Miércoles)

0 Comentarios

Así en cuanto salió esta nueva red social Google+, ya muchos andan creando aplicaciones para crear tu foto de perfil con el logo de Google Plus y muchas otras más, pero me encontré con un Widget para mostrarlo en tus blogs de una manera sencilla para que te agreguen tus seguidores a sus círculos.

Ahora bien para crear tu Widget, una vez dentro de la página es darle clic al botón que dice “Get Widget” y ahora te dará la posibilidad de personalizar tu widget a tu gusto, donde tendrás que colocar tu ID de Google+, especificar el anchor y altura así como los colores de borde del mismo, el idioma, el tipo de fuente, y la posibilidad de colocar el Rss (Feed).

Una vez configurado le das al botón de “Get Code” y listo, ese mismo código lo colocas en el lugar donde quieras que aparezca en tu Blog.

Enlace | Google Plus Widget

Publicado en: Blogger, Google+, Wordpress

Escribe un comentario

Colocar botones flotantes de Facebook, Twitter y Google Plus en Blogger

Escrito por: Alberto Lozano

Publicado hace 678 días, el 29 de julio, 2011 (Viernes)

1 Comentario

Hace poco me mandaron un correo sobre que ya no he mencionado tutoriales para Blogger, es por eso que me encontré con este excelente tutorial para colocar los botones de las redes sociales más conocida y sobre todo la nueva red de Google.

Su función de estos botones es para compartir dicha información de los posts individuales, así que por lo mismo no se visualizaran en el inicio de su Blog, solo entrando a un post.

Bueno para empezar primero nos vamos a Diseño > Edición de HTML luego marcan la casilla de Expandir plantillas de artilugios y pegan el siguiente código antes de ]]></b:skin>

table#RedesSociales{
position:fixed;
top:100px;
left:5px;
z-index:200;
}

Ahora busca la siguiente línea:

<div style='clear: both;'/>

Y debajo de ella agrega el siguiente código:

<b:if cond='data:blog.pageType == "item"'>
<table border='0' cellpadding='6' id='RedesSociales'><tbody>

<tr><td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=60&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:60px'/></td></tr>

<tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td></tr>

<tr><td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></td></tr>

</tbody></table>
</b:if>

Guarda los cambios y eso será todo, ahora cuando ingresen desde el buscador o accedan a los posts individuales, aparecerán los botones para compartir.

Por si deseas cambiar la posición de los botones lo podrás hacer, enfocándote en el primer código:

top:150px; con un valor más alto los botones se bajarán y con un valor bajo subirán.
left:5px; es la distancia que tendrán desde al lado, “left” indica que se mostraran a la izquierda, y si los quieres a la derecha cambia el valor “left” por “right”.

Para darte una idea de como quedarían los botones, checa este Blog de pruebas de V-Junker.

Publicado en: Blogger, Diseño, Tutoriales

Escribe un comentario

Como cambiar el favicon del blog desde Blogger

Escrito por: Alberto Lozano

Publicado hace 718 días, el 19 de junio, 2011 (Domingo)

3 Comentarios

Como ya hace unas semanas, Blogger in Draft dio a conocer la forma más fácil de colocar el favicon en Blogger desde Elementos de la página, ya que hace tiempo en un post había mencionado como colocar el favicon desde Edición de HTML en la plantilla.

Pero bien, para cambiarlo tienes que acceder desde Blogger in Draft, luego te vas a Diseño > Elementos de la página y le das clic a la opción de “Editar” sobre el elemento o gadget llamado Favicon.

Luego hay que seleccionar el archivo del favicon que tendrá que ser en formato .ICO y que no sea mayor a 10kb, una vez cargado le damos en guardar y listo.

El favicon lo podrás visualizar para todos los navegadores incluyendo IE9. Si no sabes cómo convertir una imagen a formato .ICO checa este excelente convertidor online llamado Favicon.cc

Publicado en: Blogger, Herramientas, Tutoriales

Escribe un comentario

Widget seguidores de Redes Sociales para Blogger

Escrito por: Alberto Lozano

Publicado hace 822 días, el 07 de marzo, 2011 (Lunes)

16 Comentarios

Hace unos días me llego un correo de un lector de V-Junker por medio de contáctanos y me pregunto sobre el widget que tengo del lado derecho en la sidebar, pero para Blogger ya que este widget es para WordPress.

Es por eso que les voy a dar los pasos a seguir para obtener este widget en su Blog en la plataforma Blogger para que chequen como se vería les dejo un ejemplo en este Blog de pruebas.

Primero nos vamos a Diseño > Edición de HTML > Expandimos los artilugios, y tenemos que buscar </b:skin> y justo antes de esta etiqueta pegamos el siguiente código:

.subscribe_icons {
width:286px;
height:auto;
margin:0px auto;
}
.subscribe_icons li {
display:inline;
float:left;
margin:0px 2px 5px 2px;
width:52px;
text-align:center;
font-size:11px;
}
.subscribe_icons a {
display:block;
padding:40px 0px 2px;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
color:#444 !important;
}
.subscribe_icons a:hover {
color:#369 !important;
text-decoration:none;
-moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35);
}
.subscribe_icons .subscribe_buzz a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconbuzzrvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_twitter a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/icontwittervjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_facebook a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconfacebookvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_rss a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconrssvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_email a {
background:url(http://i1205.photobucket.com/albums/bb440/VJunkercom/iconmailvjunker1.png) center top no-repeat;
}

Guardamos la plantilla y nos vamos a Diseño > Elementos de la página y agregamos un nuevo gadget HTML/Javascript donde tenemos que pegar lo siguiente:

<div>
<ul class="subscribe_icons">
<li class="subscribe_buzz"><a href="USUARIO BUZZ" rel="nofollow" target="_blank">Buzz</a></li>
<li class="subscribe_twitter"><a href="ENLACE DE TWITTER" rel="nofollow" target="_blank">Twitter</a></li>
<li class="subscribe_facebook"><a href="ENLACE DE FACEBOOK" rel="nofollow" target="_blank">Facebook</a></li>
<li class="subscribe_rss"><a href="ENLACE DE FEED" rel="nofollow" target="_blank">Feed</a></li>
<li class="subscribe_email"><a href="ENLACE DE CORREO/CONTACTO O FEEDBURNER MAIL" rel="nofollow" target="_blank">Contacto</a></li>
</ul>
</div>

Por último y antes de guardar, tenemos que modificar algunos aspectos como: USUARIO BUZZ, ENLACE DE TWITTER, ENLACE DE FACEBOOK, ENLACE DE FEED y ENLACE DE CORREO/CONTACTO O FEEDBURNER MAIL, ahora si guardamos el gadget y listo tendrán su widget como lo tengo yo

Publicado en: Blogger, Tutoriales

Escribe un comentario