viernes, 18 de mayo de 2012

Bienvenida al Blog

Cordial saludo,

Tengan todos ustedes una muy cordial bienvenida a este Blog, un espacio en el cual estaremos compartiendo y haciendo pruebas en la utilización de diversas herramientas para el diseño de un Blog.


Roymer David López Arteaga
Valledupar (Col)

lunes, 14 de mayo de 2012

Como crear un Blog (ejemplo con Blogger)

A continuación por medio de una presentación en línea publicada en slidesahre.net por el profesor Gustavo Cucuzza, te hago muestra de los pasos para crear un Blog.


Si prefieres o quieres complementar la información, puedes observar el video a continuación:


Y ahora si!... a trabajar! a producir mi gente!!!

sábado, 12 de mayo de 2012

Trabajando con Imágenes

Para insertar imágenes en una entrada, es necesario estaren la ventana de "Nueva entrada" o "Editar entradas" en el menú Diseño / Creación de entradas.

Busca en la barra de herramientas el ícono "Insertar imagen" (al lado de enlace) y presiona allí. Se puede insertar imágenes de dos formas: 1) subiendo una imagen que tengas en el PC, 2) Usando la dirección URL de una que ya tengas o consigas en Internet.

1) Subir una imagen (examinar en el PC)


2) Indicar una imagen web (direccion URL donde se encuentra publicada)

Usando:
www.corazones.org/z_imagenes/biblia_temas/ nuevo_testamento/sagrada_familiaicono.jpg

Queda:
De cada imagen puedes manipular...
El tamaño: Pequeño, Mediano, Grande, Extra grande, Tamaño original.
La Alineacion: Izquierda, centrada, derecha. Tambien puedes moverla libremente.

jueves, 10 de mayo de 2012

Insertar Vídeos en tu Blog

Reproduce el video que se muestra a continuación y observa el proceso de como se inserta un video en tu Blog.


Se que será de tu utilidad.

martes, 8 de mayo de 2012

Presentaciones en línea desde nuestro Blog (ejemplo slideshare)

A continuación una presentación en línea que muestra todo el proceso para utilizar una presentación en línea en nuestro Blog, desde crear la presentación en nuestro PC, hasta que utilizamos el código HTML que nos provee el provedor del servicio en nuestro Blog.


Es bueno reconocer y practicar todo el proceso: Crear la presentación de manera local (ej: con MS PowerPoint, OO Impress), Registrarse en SlideShare, subir la presentación y usar el código en nuestro Blog. Sin embargo es de tener en cuenta que muchas veces utilizamos las presentaciones ya publicadas en Slideshare.net por otros usuarios.

domingo, 6 de mayo de 2012

Utilizar los Gadgets del Blog

En términos de marketing online, los gadgets son pequeñas piezas publicitarias programadas bien en HTML, Flash o Ajax que permiten cierta interactividad con el usuario.
Fuente de información de éste término y otros relacionados, en:

Para agregar un Gadget al blog es necesario acceder por:
  • La pestaña "Diseño" ubicada arriba a la derecha.
  • Luego por "Añadir un Gadget", de acuerdo a la posición donde lo requiramos y dependiendo también de la plantilla que tenga nuestro blog.
En la nueva ventana resultante, los Gadgets se pueden encontrar de acuerdo a clasificaciones, como Básicos, Destacados, Populares, Otros gadgets.

Básicos como:
  • Texto
  • Imagen
  • Encuesta
  • Perfil
  • HTML/Javascript
  • Lista de Blogs
  • Barra de vídeo
  • Cuadro de búsqueda

Utilización de Gadgets básicos de Blogger:

Gadgets de otros sitios (de terceros):

Espero sea de tu utilidad, deja tu comentario si lo consideras.

viernes, 4 de mayo de 2012

Insertar un contador de visitas (gadget)

* * *  Contador de visitas  * * *
Servicio que te permite saber cuantas veces ha sido visitada tu pagina (Blog en éste caso), el lugar de procedencia de tus visitantes y un promedio mensual de los mismos. Te ayuda a saber cuantos visitantes has tenido en cierto período de tiempo y te muestra gráficamente las estadísticas.
Fuente de información de éste término y otros relacionados, ver en:

En general esto hace parte de la inserción de códigos de terceros, habitualmente dicho sitio ofrece el código del objeto en formato HTML o Java el cual debe ser insertado en un espacio de iguales características (HTML) en nuestro Blog. Así como los vídeos y presentaciones son más adecuadas y comunes en las "Entradas", es más conveniente que el Contador quede en un Gadget lateral y que siempre esté visible.


* * *  Crear el contador de visitas  * * *

1. Ir a enlace es.99counters.com (http://es.99counters.com)

2. Registrase como usuario: crear una cuenta la primera vez, en adelante podrás iniciar sesión.
  • Email (nombre de usuario): Recomiendo uses el correo electrónico asociado a tu Blog.
  • Contraseña: Usa la misma de siempre, coloca algo con sentido para tí, copiala y guárdala si es necesario.
 3. Ir a “Crear Contador”
  • Tema: Elegir entre distintas posibilidades de diseño, la vista preliminar se muestra a la derecha.
  • Nombre del contador: Con el que lo identificarás en el sitio 99counters (ya que puedes crear varios).
  • Zona Horaria: Para determinar la GTM de ubicación (-05:00 en el caso de Colombia).
Al presionar el botón Guardar es mostrado el código de que deberemos insertar en nuestro Blog, se muestra en dos formas:
  • Objeto (html): Más simple pero más extenso <object id="counters99009900"... </object>
  • Javascript: Más dinámico y breve <script type="text/javascript"... </noscript>
Copiar el código "embed" de alguno de los dos (ambos funcionan), el que sea de su preferencia.

4. Insertar un nuevo Gadget de HTML/Javascript (en Diseño / Añadir un gadget)
Título: Nombre que encabezará el Gadget, puede ser "Mi contador", "Mis visitas", etc.
Contenido: Pegar en contenido el código "embed" antes copiado.

Al Guardar tendrás en tu Blog un contador de visitas en línea (Guardar / Guardar / Ver blog). Puedes mover tu Gadget del contador a un lugar más visible organizando los elementos de la página (Diseño).


* * *  Donde encuentro otros contadores de visitas  * * *

A continuación proporciono algunos enlaces a sitios donde encontramos contadores de visitas. Quizá en algunos de éstos sitios no necesites registrarte para obtener el código (html) del contador que usarás, esto facilita la tarea inicial de crearlo, pero puede hacer nula la posibilidad de hacer modificaciones a futuro sobre el diseño e información de tu contador de visitas:
Existen muchos más servicios como estos, en su mayoría gratuitos, es probable encontrar publicidad inmensa en ellos al utilizarlos.

miércoles, 2 de mayo de 2012

Otros contenidos incrustados (códigos embebidos)

Un elemento de audio, se puede conseguir en www.goear.com, en donde se encuentra música, entrevistas, documentales y otros elementos auditivos:


 
En el caso de Goear, después de haber buscado y seleccionado la pista de audio que se requiere. Ubica, selecciona y copia el contenido la casilla llamada "Inserta esta canción en tu web", dicho código será el que pegues en el Blog.

Un poco de entretenimiento con éste Hamster:



Su Code Embed es: <object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Lo anterior es el código para incrustar el objeto (Hamster), el cual fue obtenido en la Web www.abowman.com donde también se encuentran otros.


Recuerda que puedes usar estos código embebidos usando la sección de HTML crear o editar las entradas, o también usando un Gadget de HTML/Java. Los código embedidos (Code Embed) son proporcionados por diversas herramientas de las Web 2.0 que te permiten incrustar sus contenidos en tu Blog, tales como: Youtube, MSN video, Vimeo, DailyMotion, Scribd, Calameo, Issuu, SlideShare, Slide, Prezi, Glogter, Goear, PodCast, Podomatic, SoundCloud, SkyDrive, 4Shared, Abowman, y muchísimas más.

martes, 1 de mayo de 2012

Podemos hacer mucho más en nuestro Blog

Si creías que ya lo habías hecho todo en tu Blog, te invito a que des una repasada en otros sitios, como lo es el de Óscar González Pla en su sección "Ayuda para blogs".

Encontrarás una lista de posibilidades interesantes. Desde aspecto muy sencillos como Crear un enlace, pasando por temas como Insertar imágenes, vídeos, presentaciones, archivos, gadgets, contadores, estadísticas, música; hasta cambiar plantillas y otras cosas que de seguro ni te imaginabas:


Ayuda para blogger

De igual forma en la ayuda oficial de Blogger encontramos Más información sobre su uso:



www.google.com/support/blogger/?hl=es


PORQUE PODEMOS LLEGAR LEJOS!


Roymer David López Arteaga
Lic. Informática Educativa y Medios Audiovisuales, Universidad de Córdoba.
Canditato a Mag. Tecnología Educativa y Medios Innovadores para la Educación, ITESM / UNAB
Valledupar (Cesar / Colombia)