Es un tutorial o guía para hacer que la curva de aprendizaje del sistema de blogs de Google se acorte. Es verdad que Blogger es ante todo un sistema fácil de aprender, con una interfaz muy intuitiva que agrada y hace que cualquier humano empiece a bloguear sin conocimientos previos. Pero, siempre está bien leer lo más importante que todo ciudadano debe saber antes de empezar a utilizar Blogger. Todo ello, brevemente y en varias páginas del blog oficial de Blogger se puede ver en un santiamén. Esta es la entrada al manual de Blogger, que parte describiendo lo que es un blog y la revolución que han llevado al mundo de la publicación online. Os dejo un pantallazo a la primera página del tutorial.
Featured Posts
sábado, septiembre 10, 2011
El manual o guía rápida de Blogger
Etiquetas:
tutoriales
viernes, septiembre 09, 2011
Quitando la barra de navegación superior en Blogger 2011
Veamos ahora cómo quitar la barra de navegación de Blogger a septiembre de 2011. Como anteriormente se hacía, tenemos que ir a la plantilla actual y editarla en HTML. Pero veamos cómo hacerlo y el código en las siguientes líneas. También os dejo una imagen con la barra de navegación de un blog. Está en la parte superior.

Lo único que tenemos que hacer es ir al menú lateral del panel de administración o tablero de Blogger y hacer clic en PLANTILLAS. Nos aparecerá el diseño del blog en la actualidad y justo debajo un menú para hacer EDICIÓN en HTML. Al elegir esta opción se nos avisará de lo peligroso que es tocar el código y aceptaremos el riesgo. Nos aparecerá el código de la plantilla, y ya únicamente tendremos que añadir tres líneas de código justo antes de la etiqueta de variables. Lo pongo aquí en negro lo que hay que poner para que desaparezca la barra de navegación.:
-----------------------------------------------
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#cfe7d1"/>
Con esta inserción de código justo antes del inicio de la etiquetas variable, ya no veremos la barra de navegación que por defecto poner Blogger. Si algún día queremos ver de nuevo la barra, simplemente quitaremos el código y volverá a aparecer.
Technorati: ping
Categorizado en: conceptos
Wikipedia: ping

Lo único que tenemos que hacer es ir al menú lateral del panel de administración o tablero de Blogger y hacer clic en PLANTILLAS. Nos aparecerá el diseño del blog en la actualidad y justo debajo un menú para hacer EDICIÓN en HTML. Al elegir esta opción se nos avisará de lo peligroso que es tocar el código y aceptaremos el riesgo. Nos aparecerá el código de la plantilla, y ya únicamente tendremos que añadir tres líneas de código justo antes de la etiqueta de variables. Lo pongo aquí en negro lo que hay que poner para que desaparezca la barra de navegación.:
-----------------------------------------------
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#cfe7d1"/>
Con esta inserción de código justo antes del inicio de la etiquetas variable, ya no veremos la barra de navegación que por defecto poner Blogger. Si algún día queremos ver de nuevo la barra, simplemente quitaremos el código y volverá a aparecer.



miércoles, agosto 31, 2011
Nuevo Blogger 2011
Vamos a empezar septiembre con un nuevo diseño en el interfaz de administración. Todo se ha renovado y ahora el tablero o panel de administración es más googleliano, más amplio y claro, más grande y con colores que nos recuerdan más a las demás aplicaciones de Google. Aquí os dejo un pantallazo de la nueva interfaz. Después de los cambios del año 2010, Blogger vuelve a renovarse en su interior, en su backend, en su sistema de administración del blog. Este es un ejemplo de la nueva interfaz en lo que corresponde a estadística del blog:
Technorati: ping
Categorizado en: conceptos
Wikipedia: ping



viernes, febrero 22, 2008
Canal audiovisual de aprendizaje de Blogger
Pido perdón a todos los internautas porque me es imposible responder a todas vuestras preguntas. Esta aventura empezó pensando que no iba a tener la repercusión que tuvo y tuve que renunciar a vuestros comentarios. Ahora estoy en otros proyectos como Eduvlog.org que tiene un gran canal de aprendizaje de Blogger con vídeo. Allí nos vemos.
Technorati: eduvlog
Categorizado en: conceptos
Wikipedia: vlog



Etiquetas:
Eduvlog
sábado, enero 13, 2007
Creando mensajes al azar en Blogger




viernes, diciembre 15, 2006
Quitando la barra de arriba en Blogger 2
Este es el código que tenemos que insertar en la segunda versión de Blogger o Blogger Beta para elimimar la barra de navegación de Blogger, también conocida por navbar, que aparece arriba del blog. Si ponemos el código que ya expuse aquí para que la barra desapareciera no sucede nada, ni siquiera muestra error alguno el editor de la plantilla. Acepta el código pero no sirve desaparece la navbar. Lo que tenemos que hacer ahora es añadir esté código antes de la etiqueta <head>
<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
Technorati: Blogger
Categorizado en: trucos
Wikipedia: Blogger
<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>



sábado, noviembre 25, 2006
Cuadros de texto incrustados en Blogger
A veces podemos incrustar cuadros de texto en los posts o artículos de Blogger. Son cuadros que crean barras de desplazamiento para poner textos largos. Veamos la forma de hacerlo con el código correspondiente que tenemos que utilizar. En el siguiente ejemplo os dejo el trozo de código necesario para hacer lo que debajo tenéis: un cuadro de texto con barras de desplazamiento. Sólo hay que copiar el código y llevarlo al blog propio.
Technorati: blogger
Categorizado en: trucos
Wikipedia: Blogger
<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 400px; height: 150px;"><div align="left"><span style="font-size: 100%;">
En este espacio ponemos el texto que queramos; sea largo o corto.
</span></div></pre></div>



domingo, julio 09, 2006
Los interfaces en Blogger







jueves, julio 06, 2006
El post, el nuevo paradigma

El post es, por lo tanto, cada una de las entradas que creamos en los blogs. Entradas que pueden tener un tamaño variable y que llevan un título y un cuerpo del artículo como mínimo, además de llevar el nombre del autor, la fecha de publicación, un enlace a los comentarios y trackbacks de los internautas y el enlace permanente del post. En algunos sistemas de blogs también aparece un campo de datos para el resumen o entradilla del post, aunque en Blogger esto no está implementado aún. El post es por lo general corto y juega un papel central dentro del cambio del paradigma del contenido digital en red: de la página de libro al post del blog.



martes, julio 04, 2006
Botones de Blogger: América
Aquí tenemos los botones y el código necesario para que los usuarios de Blogger en América puedan sentirse orgullosos de usar este sistema de blogs. Sólo hay que copiar el código que aparece debajo de cada una de las imágenes y copiarlo en uno de los bloques de enlaces que tengamos en la columna derecha o izquierda de nuestro blog.

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerarg.png" title="BLOGGER argentino" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerchi.png" title="BLOGGER chileno" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggercol.png" title="BLOGGER de Colombia" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggermex.png" title="BLOGGER de México" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerper.png" title="BLOGGER de Perú" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerven.png" title="BLOGGER de Venezuela" /></a>
Etiqueta en Technorati: Blogger
Categorizado en: botones
Wikipedia: Blogger

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerarg.png" title="BLOGGER argentino" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerchi.png" title="BLOGGER chileno" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggercol.png" title="BLOGGER de Colombia" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggermex.png" title="BLOGGER de México" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerper.png" title="BLOGGER de Perú" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerven.png" title="BLOGGER de Venezuela" /></a>



lunes, julio 03, 2006
Implementación de la funcionalidad "Enviar a un amigo"
Suele ser interesante el dejar una opción de envio de las entradas o artículos del blog a un amigo. Con ello, el usuario que al leer un post vea que ese contenido sea del interés de un amigo, puede enviarlo directamente por correo electrónico. Es una forma de ganar amigos y quedar bien con los colegas. Pero, aparte de quedar bien, también sirve para dar a conocer más el blog y no sólo en la blogosfera, sino en todo Internet, incluidos los sitios de la web 1.0. Blogger también ha pensado en esta funcionalidad y la incorpora al sistema de administración de bitácoras. Por medio del icono de un sobre de carta se advierte al navegante sobre la opción de enviar a un amigo el artículo por ser de su interés.
Lo único que tenemos que hacer en Blogger para que nos aparezca el sobre de carta para que los navegantes puedan enviar nuestro contenido a sus amigos es ir al panel de administración de Blogger y entrar en la pestaña Opciones. Una vez estemos en opciones, hacemos clic en la pestaña de opciones básicas y buscamos lo que aparece en esa imagen:

Con esa opción en afirmativo (sí), el sistema de Blogger saca en la plantilla de nuestra bitácora el sobre de carta que viene a dar a entender que ya se puede enviar el artículo a un amigo cuando el navegante pincha en él. En la imagen de abajo se puede ver el sobre de carta:

Si lo quiere dejar en otra posición dentro del post, tenemos que colocar el trozo de código siguiente: <$BlogItemControl$> y ponerlo en la posición que deseemos, como por ejemplo debajo del título del post. De todas formas, la funcionalidad "enviar a un amigo" suele quedar mejor en la parte de abajo del post. Recordemos también que en el <head> de la plantilla también se genera el código <$BlogMetaData$> para poder implementar esta funcionalidad que nos ayudará a publicitar el blog.
Etiqueta en Technorati: blogosfera
Categorizado en: trucos
Wikipedia: blogosfera
Lo único que tenemos que hacer en Blogger para que nos aparezca el sobre de carta para que los navegantes puedan enviar nuestro contenido a sus amigos es ir al panel de administración de Blogger y entrar en la pestaña Opciones. Una vez estemos en opciones, hacemos clic en la pestaña de opciones básicas y buscamos lo que aparece en esa imagen:

Con esa opción en afirmativo (sí), el sistema de Blogger saca en la plantilla de nuestra bitácora el sobre de carta que viene a dar a entender que ya se puede enviar el artículo a un amigo cuando el navegante pincha en él. En la imagen de abajo se puede ver el sobre de carta:

Si lo quiere dejar en otra posición dentro del post, tenemos que colocar el trozo de código siguiente: <$BlogItemControl$> y ponerlo en la posición que deseemos, como por ejemplo debajo del título del post. De todas formas, la funcionalidad "enviar a un amigo" suele quedar mejor en la parte de abajo del post. Recordemos también que en el <head> de la plantilla también se genera el código <$BlogMetaData$> para poder implementar esta funcionalidad que nos ayudará a publicitar el blog.



domingo, julio 02, 2006
Botones de Blogger: Europa
Aquí tenemos los botones antipixel y el código necesario para que los usuarios de Blogger en Europa puedan sentirse orgullosos de usar este sistema. Sólo hay que copiar el código que aparece debajo de cada una de las imágenes y copiarlo en uno de los bloques de enlaces que tengamos en la columna derecha o izquierda de nuestro blog:

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggercat.png" title="BLOGGER de Catalunya" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggeresp.png" title="BLOGGER de España" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggereh.png" title="BLOGGER de Euskal Herria" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggergal.png" title="BLOGGER de Galiza" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggernaf.png" title="BLOGGER de Nafarroa" /></a>
Technorati: Blogger
Categorizado en: botones
Wikipedia: Blogger

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggercat.png" title="BLOGGER de Catalunya" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggeresp.png" title="BLOGGER de España" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggereh.png" title="BLOGGER de Euskal Herria" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggergal.png" title="BLOGGER de Galiza" /></a>

<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggernaf.png" title="BLOGGER de Nafarroa" /></a>



Suscribirse a:
Entradas (Atom)