La nube de etiquetas de tagxedo es muy sencilla de utilizar. No es una nube con enlaces, pero sí es una forma elegante de presentar las palabras claves y destacadas de tu sitio. Además de el efecto visual, cada etiqueta genera una búsqueda en google, así que es como un buscador personalizado.
El generador lo hace por sí mismo, solamente debes seguir estos pasos sencillos.
1 - Ingresar a la URL de Tagxedo . Una vez allí, verás el formulario que debes rellenar, dependiendo del sitio al cual la quieras agregar, colocar la URL que corresponde. En este ejemplo coloqué la dirección de este blog.
2 - Luego eliges un ítem de cada sector de abajo, no importa cuál elijas mientras no los dejes en blanco, ya que luego lo puedes cambiar, y le das clic a Presentar.
3 - Ahora puedes cambiar el color, la imagen, la fuente y otras cosas desde el panel de la izquierda.
4 - Si quieres que aparezcan solamente las palabras que te resulten más interesantes lo editas desde el mismo panel, en donde dice LOAD y colocas las palabras que deseas, no hace falta que pongas comas entre ellas. Luego haces clic en SUBMIT.
5 - Cierras con la cruz de la derecha y ya está lista tu nube personalizada. Para compartirla en el blog, primero ve al panel de la isquierda y haz clic en SAVE/SHARE. Luego sigue los pasos que se indican en este tutotial
6 - Este es el resultado
Y esto ha sido todo, si te fue de utilidad, deja tu comentario !!!
Este es un excelente programa, seguramente ya lo conoces. Lo que yo quiero dejarte hoy es el activador, ya que pasados 15 días el período de prueba cesa.
Simplemente descarga el archivo y sigue las instrucciones, tendrás el programa para siempre. El programa lo puedes descargar de la página oficial.
Uno de los consejos que siempre les doy a mis alumnos en clase: todo lo que sea importante, guárdenlo. Si este programa te interesa, no está de más hacerte una copia de seguridad y guardarla en tu pc, pendrive o hosting, para cuando vuelvas a necesitarla.
La mayoría de las plantillas de blogger tienen configuradas las imágenes para tener un borde alrededor. En algunas queda muy bonito, pero en otras plantillas, de acuerdo al diseño y al efecto que le querramos dar, no queda tan estético. Este es un ejemplo:
Por eso hoy les traigo un truco para poder quitar ese molesto borde negro o gris que se presenta alrededor de las imágenes que subimos, y que esta parezca confundirse con el fondo de tu blog.
1 - Vamos a Plantilla - HTML
2 - Apretamos Ctrl + F
3 - Buscamos post img {
4 - Luego de este trozo de código encontrarás el color del borde y el tamaño en píxeles, que no lo coloco aquí porque varía en cada plantilla, por ejemplo, en algunas puedes encontrarlo como
border:1px solid $bordercolor;
y en otras de esta manera:
border: 1px solid #CCCCCC;
5 - Cambia donde dice 1 px por el valor de 0 px. Puedes encontrar un valor de border de 2 ó de 3 px variando de acuerdo a cada plantilla. Lo importante es que coloques 0.
6 - Si por el contrario, lo que quieres es engrosar el borde, solamente cambia el valor por uno mayor.
Cuando tienes un blog de diseño se te hace necesario no sólo utilizar sino también publicar códigos para que tus lectores los utilicen.
Estos códigos (código html) cambian cuando los editas desde el formato de entrada REDACTAR, por ello debes ubicarlos en un lugar especial para que al ser publicados no cambien y puedan ser útiles.
Muchas de las ocasiones en las cuales los trucos no resultan es porque quien te los pasó lo hizo sin tener en cuenta esto, y por ello el mismo contiene errores.
En esta oportunidad te traigo una caja para encerrar los códigos de tal manera que los puedas usar fácilmente.
REPITO: es muy importante encerrarlos en su caja.
1 - Ingresa a la sección de la plantilla y busca ]]></b:skin> 2 - Arriba pega el siguiente código
/* Caja de código */
pre {
background:transparent url(<b><span style="color: #351c75;">aquí la url de una imagen</span></b>) no-repeat 0 0; /* Imagen Superior, si deseas cambiarla modifica lo que se encuentra dentro de url(AQUI) */
padding-top:22px; /* Relleno - para ajustar Fondo */
}
pre code {
overflow:auto; /* Determina si es necesario agregar barras de Scroll */
background-color:#E9E9E9; /* Color de Fondo en Hex */
border:1px solid #999999; /* Color de Borde en Hex */
/* Cuando pase el Mouse sobre la caja ocurrirá lo siguiente: */
code:hover {
background-color:#ffffff; /* Color de Fondo en Hex */
border:1px solid #666666;/* Color de Borde en Hex */le
}
/* FIN Caja de código */
3 - Donde dice Aquí la URL de la imagen colocas la dirección de la imagen que quieras poner arriba de la caja. Si no deseas hacerlo para que no se te haga complicado, borra la frase que está destacada.
4 - Puedes modificarla según los valores que desees, ten en cuenta las explicaciones dentro del código.
5 - Vista previa.
6 - Guardar plantilla si todo está bien.
7 - Puedes agregar la caja en todas las entradas llendo a Configuración - Entradas y comentarios - Plantilla de entrada y agregar allí lo siguiente:
<pre><code> aqui el codigo</code></pre>
8 - Guarda los cambios. 9 - Si lo prefieres puedes agregarlo manualmente en cada una de las entradas en las cuales lo necesites.
A la hora de elegir la plantilla para nuestro blog tenemos infinidad de diseños y temas para escoger. Sin embargo, a muchos nos pasa que no podemos decidirnos con cuál quedarnos.
Un blog no solamente necesita verse bonito, sino también debe ser funcional y atractivo a la vista, no debe cansar los ojos del lector, de lo contrario se irá de nuestro sitio.
Por eso hoy quiero traerte unos consejos muy sencillos que tomé de Pulso social, donde podrás encontrar información más detallada sobre estos consejos, que me he permitido simplificar.
Número uno: El diseño y el estilo deber concordar con el objetivo del blog.
Si queremos tener un blog de fotografías, será adecuado una plantilla que nos brinde la opción de presentarlas en forma sencilla y amigable. Igualmente si queremos compartir un sitio de videos.
Ante todo debe ser de fácil navegación.
Número dos: Debes incluir un panel de navegación.
Probablemente querrás editar tu plantilla de vez en cuando, cambiar algún color o algún gadget. Es decir, personalizarla.
Número tres: Soporte y Comunidad.
Es muy importante que tengas dónde recurrir cuando se presente un problema. Si el tema que vas a adquirir no cuenta con un soporte técnico, es mejor que sepas mucho de diseño.
Número cuatro: Asegúrate de cumplir los requerimientos mínimos.
No es necesario que se explique esto, verdad?
Número cinco: Manuales de usuario y dicumentación.
Ten siempre a mano los tutoriales y manuales de configuración de tu plantilla, ya que te servirán para personalizarla, como lo vimos en el punto número dos.
Número seis: Plantillas de pago versus gratuitas.
Las primeras se supone que deben tener más opciones de personalización, sin embargo, yo he usado las gratuitas y no he tenido incpnvenientes en moldearlas a mi gusto.
Aquí les dejo algunos sitios donde crear tu blog en forma gratuita
Puede ocurrirte, por qué no, que al cabo de un tiempo la plantilla que estás usando te resulte incómoda o poco útil para las necesidades de tu blog.
Para cambiarla por otra más conveniente debes ingresar a la sección PLANTILLA del menú.
La ventana que aparecerá será similar a esta:
La pantalla te muestra cuál es el diseño que actualmente tienes en el blog y, si sigues hacia abajo, verás todos los diseños disponibles que tiene Blogger para que puedas escoger el que más te agrade.
Una vez que has escogido el que se adecua a tus necesidades, haces clic sobre el diseño y te aparece la siguiente pantalla que presenta la vista previa de cómo quedará tu blog, con varias opciones.
Vamos a hacer la prueba
Vamos a probar cerrar la ventana con la cruz negra que está arriba a la derecha, y buscar otro modelo. Cuando lo tengas dale clic.
Ahora probamos buscar otro modelo con las flechas que están debajo de la ventana.
Cuando tengas el modelo final haz clic sobre el botón Aplicar al blog y luego busca Ver Blog para mirar cómo quedó tu sitio.
Ahora se me ocurre que podríamos hacerle algunas modificaciones, así que tendrás que ir con la flecha de retroceso nuevamente a donde estábamos.
Vuelve a buscar entre las plantillas la que decidiste dejar definitivamente y a darle clic, para que aparezca nuevamente la ventana de la imagen anterior, pero esta vez le haremos clic a la opción Personalizar que te llevará directamente al Diseñador de plantillas de Blogger
En el diseñador encontrarás dos grandes divisiones: la parte superior donde se ubica el menú y la parte inferior con la vista previa, que irá mostrándote cómo quedan los cambios a medida que los implementas.
¡ Diseñemos !
PLANTILLAS
Aquí se ven las mismas opciones que vimos al principio de este artículo. Haz clic en varias para ver cómo va cambiando la vista previa y quédate con la que elegiste.
FONDO
Aquí tenes dos opciones. La primera es elegir un color de fondo y la segunda una imagen. Entre las imágenes se pueden elegir algunas predeterminadas o subir una propia desde el ordenador, pero para esto la imagen propia debe tener el tamaño adecuado para cubrir toda la pantalla.
AJUSTAR ANCHO
Esto se utiliza para achicar o agrandar la barra lateral (sidebar). Pero recuerda que los píxeles (puntos) que aumentes de un sector, es conveniente que los quites del otro.
DISEÑO
Puedes elegir de qué lado deseas la barra lateral, cuántas quieres, y también la cantidad de secciones del pie de página.
AVANZADOS
Por último en esta sección tienes para realizar cambios que afectarán al cuerpo del blog. Te sugiero que vayas mirando todas las opciones que tienes allí y le hagas las modificaciones que quieras consultando siempre a tu maestra o profesora.
Cuando hayas terminado de modificar tu plantilla tienes dos opciones.
Si no te agradó el modelo final puedes hacer clic sobre Volver a Blogger y regresar al modelo que tenías antes de ingresar al Diseñador de plantillas.
Si decides quedarte con los cambios, entonces haz clic sobre el botón Aplicar al blog y quedarán guardados.
Trabajar con el Diseñador de plantillas de Blogger no es difícil, sólo debes tener un poco de paciencia y cuidado para no cometer errores graves. Por eso el consejo supremo de este artículo es trabajar junto al docente. Él sabrá cómo evitar que ocurran estos accidentes.
Sin duda ninguno de nosotros desconocemos a este simpático personaje, que sacaba de su sombrero y de su abrigo numerosos artículos que le servían para otros tantos usos. El Inspector Gadget, se llamaba. Y se llamaba así justamente por la gran cantidad de Gadgets que portaba consigo y sacaba como por arte de magia.
Un gadget es un pequeño dispositivo que tiene un propósito y una función específica. Contiene un código que puede ser instalado y ejecutado en cualquier blog o página web independiente.
El uso de gadgets o widgets se hace cada vez más popular en Internet y existen miles y miles de ellos. En un blog se pueden implementar todos los que quieras, pero ten en cuenta que cuantos más coloques más será el tiempo que tarde tu blog en abrirse, algo que es muy importante a la hora de atraer visitas.
Los gadgets son gratuitos y en Internet encontramos muchos, como ya lo dije. Sin embargo, Blogger tiene su propia sección de widgets.
¿Cómo agregar un gadget?
Primero vamos a la sección Diseño del menú de nuestro blog. Allí verás varias secciones en donde dice Añadir un gadget.
Haz clic sobre la primera sección que se halla arriba en la parte de la sidebar.
Inmediatamente se nos abrirá este cuadro
Allí podrás ver muchos gadgets, pero hoy vamos a añadir dos que son muy importantes: los seguidores y las etiquetas.
Busca en la lista el que dice Etiquetasy haz clic allí. Configura el gadget como más te guste. Mi preferencia es no mostrar la cantidad de entradas por etiqueta (círculo rojo) pero tú tendrás tus propias preferencias. Una vez que lo hayas hecho guarda los cambios y coloca el gadget donde más te guste. Esto lo puedes hacer simplemente arrastrándolo con el mousse.
Ahora vuelve a abrir Añadir un gadget. Esta vez busca en la lista el que diceSeguidores. Haces lo mismo que con el anterior.
Ahora tienes dos importantes artilugios en tu blog, que son indispensables. Veremos qué significa cada uno.
LAS ETIQUETAS
En una entrada anterior describimos qué eran y para qué servían las etiquetas. Colocar etiquetas en nuestras entradas es como hacer una lista clasificándolas por temas. Pero al agregar el gadget lo que hicimos es colocar estos temas a la vista en el blog, para que la gente que ingrese pueda buscar lo que quiera leer de acuerdo al tema que le interese.
LOS SEGUIDORES
Este gadget es uno de los más importantes. Lamentablemente, muchas personas no lo saben y no lo agregan. ¿Para qué sirve? Pues sencillamente para que las personas a las que les gusta tu blog puedan seguirte.
¿Qué significa seguir? En el lenguaje informático, seguir significa recibir las novedades que se publican en tu sitio sin necesidad de ingresar a él.
Por ejemplo, a ti te pueden gustar muchos sitios pero piensas que es imposible ingresar cada día a todos ellos para ver si publicaron algo nuevo. Es más, tal vez ni siquiera te acuerdes las direcciones de todos. Pues cuando sigues a un blog, cada vez que su autor publica algo, esta noticia será agregada a tu lista de lectura. ¿Recuerdas que en el escritorio aparece esta sección?
Ahora que tenemos agregados estos dos gadgets vamos a hacer algo importante. Seguir a alguien. Veremos la manera de hacerlo.
PARA HACER EN LA CLASE
Vamos a redactar una nueva entrada. Así que abre VISIÓN GENERAL - ENTRADA NUEVA (a partir de ahora de esta manera especificaremos la ruta que debemos seguir para ir a donde nos interesa.
Redactaremos un artículo que mencione los blogs de tus amigos, así que el título que le pongas debe ser acorde a esto.
Ahora vamos a crearle la etiqueta "Noticias"
Comienza insertando una imagen desde la pc. Busca alguna en Internet que tenga relación con el tema, la descargas con el sistema que te enseñé y la insertas en el blog.
Redacta una introducción de dos o tres renglones y luego escribiremos la lista de los blogs creados por nuestros compañeros.
Para crear la lista puedes utilizar un recurso del procesador de textos de Blogger es la lista con numeración o con viñetas
Ahora vamos a hacernos seguidores de todos los chicos que pusimos en la lista. De a uno por vez, vamos a entrar en los blogs de estos compañeros y vamos a hacer clic en su gadget de seguidores, en el recuadro azul que diceParticipar en este sitio.
En el recuadro que se abrirá debes hacer clic en donde diceSeguir este blog.Para que aparezca tu foto de perfil en el blog de esa persona debe estar señalado Seguir en forma pública. Si colocas Seguir en forma privada, no aparecerás en su gadget. Luego aparece otra ventana que dice Hecho. Ese es el último clic que debes hacer y verás como tu foto aparee ya en la lista de los seguidores de este amigo.
En la entrada anterior redactamos y guardamos en borrador nuestra primer entrada: una bienvenida para la gente que se tomará tiempo de leer nuestro blog.
Bien. Una bienvenida hecha solamente con palabras, en un blog, es poco atractiva, ¿no te parece? ¡Claro! ¡Yo también creo eso! Razón por la cual hoy vamos a ver qué podemos agregarle a nuestra entrada para hacerla un poco más linda.
Como ya vimos todo lo relacionado con la edición del texto, para lo demás vamos a ir paso a paso. Hoy vamos a insertar una linda imagen para adornar nuestro post.
Como la entrada se trata de una bienvenida, me parece que, más allá del tema elegido, hay que ponerle un lindo cartel que diga bienvenidos.
Claro, eso sería lo ideal, pero lo dejo a tu criterio. Elige la imagen que gustes.
Para insertar una imagen se puede hacer de varias maneras, pero nosotros vamos a ver las dos maneras más importantes, las que podemos hacer desde nuestra computadora.
El primer paso es elegir la imagen. Lo vamos a hacer desde Internet, de este modo:
Abre una pestaña nueva y ve al buscador de Google.
Arriba verás una barra negra con varias etiquetas. Debes hacer clic en la que dice Imágenes
Luego de abrirse la ventana, colocas la palabra BIENVENIDOS en la casilla del buscador y esperas que aparezcan las imágenes
Cuando encuentras la que te agrada le das clic.
Una vez que aparece la imagen debes guardarla en el ordenador. Para eso te paras con el mousse arriba de la imagen y presionas el botón derecho .
Aparecerá un cuadro blanco con algunas opciones. Debes hacer clic en la que dice Guardar imagen como...
En el cuadro siguiente, buscas la ubicación donde quieres guardarla y le pones un nombre. Lista. Ya tienes la imagen en tu ordenador, pero todavía no cierres la ventana, la necesitaremos abierta por ahora.
FORMAS DE INSERTAR LA IMAGEN.
PRIMERA FORMA: Desde tu ordenador.
Para insertar una imagen desde tu computadora lo que debes hacer es muy sencillo.
Simplemente haz clic con el cursor en el lugar que quieres que se ubique la imagen. Cuando lo hayas hecho ve a la barra de edición del procesador de texto de Blogger y haz clic sobre el icono de insertar imagen
Aparecerá un cuadro con las opciones correspondientes. En este caso das clic en Subir. En algunos sistemas puede aparecer como Equipo. En todo caso, debe hacer referencia a subir una imagen desde tu computadora. Si no estás seguro, consulta con tu docente o el adulto que te ayude.
Mira la imagen y haz clic primero en Subir y luego en Elegir archivos
Ahora se abrirá un cuadro donde deberás buscar la imagen que deseas insertar y darle aceptar.
Espera que la imagen suba al blog y , teniéndola seleccionada, haces clic en Añadir imágenes seleccionadas
SEGUNDA FORMA: Desde una URL
Insertar una imagen desde una URL también es sencillo (recuerda que anteriormente mencionamos que URL es la dirección web de algo, en este caso, una imagen; es decir que es el sitio donde se encuentra alojada). Para esto usaremos la imagen que tenemos abierta en la otra ventana del navegador.
Nos colocaremos con el mouse arriba de la imagen y haremos clic con el botón derecho. Aparecerá un cuadro de opciones y elegiremos la opción Copiar URL de la imagen.
Ahora debes volver a tu entrada, posicionarte en el lugar que quieres pegar la imagen y clicar el icono para insertarla.
Del menú de la izquierda elige en esta ocasión Desde una URL y en el recuadro que aparece pegas la dirección que copiaste. Lo demás es sencillo, esperas que se cargue la imagen y aceptas, como en el caso anterior.
Y ya tienes tu imagen!
Como puedes ver en el cuadro, hay más formas de insertar una fotografía o dibujo pero hoy veremos estas dos que son las más comunes. Cuando avancemos en el curso, iremos viendo las otras formas, en conjunto con otras cosas que trabajaremos.
¿ AHORA SI PUEDO PUBLICAR MI ENTRADA ?
Ahora ya tienes tu mensaje de bienvenida casi completo para poder lanzarlo a navegar por la web.
Antes de hacerlo, controla si ya editaste el texto con todos los puntos que vimos en la clase anterior por si deseas corregir algo.
Solamente queda un punto que es sumamente necesario para tooooooodas las publicaciones que redactes:
LAS ETIQUETAS
Del lado derecho del procesador de texto de tu entrada verás un cuadro que tiene de título: Configuración de las entradas.
En este menú podemos hacer varias cosas, pero lo que nos interesa en este momento es colocarle una etiqueta a nuestro post. Como se trata de una bienvenida, es decir, un mensaje para el lector, una sugerencia podría ser colocarle como etiqueta Mensajes al lector.
Si te parece puedes ponerle otro que te agrade, siempre que tenga relación, ya que una etiqueta es lo mismo que decir un título o tema para tu entrada. Y luego ponesFinalizado.
Una vez que tienes todo controlado, vamos a ver cómo nos quedará utilizando el botón deVista previa
Si la entrada se visualiza correctamente entonces ya podemos dar clic, por fin! en el botón más esperado:Publicar
Tu primer publicación en el blog está terminada.
Ahora ya puedes empezar a compartirlo con tus amigos y conocidos, animándoles a que lo visiten y diciéndoles que pronto vas a publicar más contenido.
