Taller

“Empezando un Blog”
www.Blogarizate.tk

Facilitador: Víctor Camacho

 Esta iniciativa nace del reconocimiento de la necesidad de
muchas ONG, organizaciones sociales, individuos y entre otros,
en crear espacios digitales para la difusión de sus propios
proyectos, iniciativas, estudios, eventos, etc., y de llevarlos a
cabo de un modo en que resulte no solamente fácil, sino
económico. De este modo, esta página está basada en la
filosofía "Hazlo tú mismo", para ayudar a personas y
organizaciones para ellas mismas sean las que creen sus
propios espacios digitales.
 Nociones básicas de seguridad
en la web
O Medios técnicos: Distintos programas (software) o
aparatos (hardware) utilizados para violar la
seguridad. Entre ellos estarían virus, trojanos,
keyloggers, entre otros.

O Ingeniería social: «práctica de obtener información

confidencial a través de la manipulación o
investigación de los usuarios legítimos».
 Creando nuestra contraseña
 No utilizar información personal
como contraseña (Fechas, perso-
nas, mascotas, etc) por ser fácil de
conseguir.
 Las contraseñas deben incluir
tanto minúsculas como mayúscu-
las, números y símbolos.
 La contraseña debe tener al menos 10 caracteres.
 Una contraseña diferente para cada servicio.
 Cambio periódico de la contraseña (mínimo una vez al año)

¿Qué tan fuerte es nuestra contraseña?

 Creando nuestra contraseña
 Ejemplos de como crear una contraseña segura:

 Podemos tomar el coro de una canción, y elegir como

contraseña las primeras letras de cada palabra. Por ejemplo:

“Gloria Al Bravo Pueblo que el yugo lanzó, la

ley respetando, la virtud y honor”

Se convierte en: gABpQeYLLLRlVyH

 Creando nuestra contraseña
 Ejemplos de como crear una contraseña segura:

 Intercambiar letras por números y símbolos. Por ejemplo:

“GatosDescuidados”

Se convierte en: G4t05De5cu1DaD0$

A=4=@ S=5=$
o=0 E=3=£
i=1=L B=8
Algunos otros consejos y repasos:

• Conocer bien las plataformas. Conocer bien todos los

servicios a los cuales estamos adscritos evitará que nos
engañen fácilmente.
• Contar con antivirus y firewalls (Antivirus gratis: Avast!, Avira,
AVG; firewall: Zone Alarm Free, propio de Windows).
• Tener especial cuidado con los correos, puesto que lo
hacen más vulnerable por su vinculación con otros servi-
cios.
• Tener precaución con las aplicaciones para redes sociales
• No abrir enlaces o anexos que sean dudosos.
• Tener precaución con las web falsas (phishing), y fijarse en
el https en la barra de dirección. Asegura que la información
esté encriptada y que la página web sea original.
 ¿Qué es un blog?
web + log (Diario o bitácora) = weblog = weblog

Un sitio web periódicamente actualizado que

recopila cronológicamente textos o artículos
de uno o varios autores, apareciendo primero
el más reciente.
 ¿Por qué tener un blog?
El uso o tema de cada blog es particular, los hay de
tipo: periodístico, empresarial o corporativo,
tecnológico, educativo (edublogs), políticos,
personales (variados contenidos de todo tipo) y
entre otros muchos temas.
A nivel personal:
- Expresar tus ideas, pensamientos, emociones,
consejos, vivencias, etc.
- Crear tu propia “marca personal” para darte a
conocer profesionalmente. Ideal para escrito- res,
periodistas, analistas, y cualquier otra área
profesional.
A nivel corporativo o empresarial:

- Darse a conocer. La información de la

empresa a un click de distancia.
- Notificar noticias sobre productos,
servicios, eventos u otras activida-des
de la empresa a los clientes.
- Posibilidad de interactuar con los
clientes. Humaniza el negocio.
- Blogs corporativos internos. Co-
municados internos a los emplea-dos
de la compañía.
A nivel de organizaciones sociales
(ONG u otros):

- Las plataformas son económicas y

sencillas de usar.
- Darse a conocer la organización en el
resto del país y del mundo.
- Informar y sensibilizar. Modo efec- tivo
de trasmitir noticias, comuni- cados,
investigaciones, estudios, denuncias,
eventos, campañas, ta-lleres, artículos
de opinión, etc.
- Captar posibles voluntarios o finan-
ciamiento.
Desventajas o inconvenientes
•La alimentación del blog debe ser continua: La
falta de tiempo, falta de imaginación, falta de
recursos, falta de dedicación, hará fracasar el
blog.
•Para algunos puede existir problemas para
familiarizarse con el sistema de manejo de
contenidos.
•El éxito de un blog es a largo plazo, no hay
recetas mágicas a corto plazo.
 Puntos clave antes de abrir el blog
• Define tus objetivos: tema, tipo de público (jóvenes, gremio
profesional, etc).
• Analiza tu competencia. Identifica los blogs más importantes
del tema que seleccionaste y observa las cosas que hacen bien
y las cosas que se equivocan y que tú puedes mejorar.
• Definir la plataforma donde se quiere trabajar: Plataformas
gratuita, de pago, la necesidad de un dominio propio (.com,.net,
etc.), y ajustar el presupuesto de ser necesario.
• Establece un horario fijo que le dedicarás exclusivamente a tu
proyecto.
• Se debe crear contenidos de calidad, original y sobre todo,
personal y humano. Probablemente existen muchos blogs con
temas similares al nuestro, que incluso podrían ser de mejor
calidad, por eso, lo que marca la diferencia son nuestras
experiencias personales y nuestra personalidad.
 Plataformas de Blogs Gratuitos

• Blogger: www.blogger.com
• Wordpress: Wordpress.com y Wordpress.org
• Tumblr: www.tumblr.com
• Joomla: www.joomlaspanish.org
• Blog.com: www.blog.com
• Livejournal: www.livejournal.com
• Blogetery: www.blogetery.com
• Google Sites: sites.google.com
• Weebly: www.weebly.com
• Jux: www.jux.com
 Entendiendo el HTML
El HTML (HiperText Markup Language) es un lenguaje
para la elaboración de páginas web.

El código de una página web suele estar construido de

este modo:

<html>
<head>
<title> El título de la página </title>
</head>
<body> El contenido de la página </body>
</html>
 Entendiendo el HTML
Para insertar:
• Texto en negritas: <b>El texto que deseas en negrita</b>
• Texto en cursiva: <i>El texto que deseas en cursiva</i>
• Párrafos: <p>Tu párrafo</p>
• Imágenes: <img src="dirección de la imagen">
• Enlaces: <a href= "dirección del enlace"> Texto del enlace o código
de la imagen </a>
• Alinear a los lados:
<div align="right"> Texto o imagen a alinear</div>
(Right alinea la derecha; left alinea a la izquierda; center centra el
objeto)
• Color de la fuente:
<font color="blue"> Tu texto a colorear</font>
• Tamaño de la fuente y color:
<font size="5" color=red> Tu texto a colorear</font>
Página web recomendada para aprender más:
http://es.html.net/tutorials/html/
Creando una cuenta en Blogger

Accedemos desde www.blogger.com. En

caso de tener cuenta en Gmail, sólo basta
ingresar nuestro correo y contraseña
 En caso de no tener una cuenta de Google
(gmail), hay que registrarse

Preferiblemente, el nombre de usuario

debe ser sencillo, sin números, ni símbolos, ni
muy largo
 Nuestro Escritorio o Dashboard de Blogger

Desde acá podemos empezar a crear un blog

 Crear un blog nuevo
Utiliza tu creatividad.
Destácate con el título

Dirección sencilla.
Sin números ni sím-
bolos, fácil de Elige tu plantilla o el
recordar. estilo visual que tendrá tu
blog. Es posible
modificarlo después.
¡El blog ya ha sido creado!
Empieza a publicar una entrada
(también llamada «post»,
«publicación» o «artículo»

La pequeña flecha hacia abajo indica el

menú de nuestro blog. En el se puede
crear un blog nuevo y se muestra el
listado de todos nuestros blogs
Configuración del blog

Agrega una descripción breve de tu

blog. Esto aparecerá bajo el título del
blog

Es posible añadir tu
propio dominio .com,
.org, net

Añadir más autores al

blog. Con la posibilidad
de establecer más per-
misos para la adm. del
blog.
Configurar entradas y comentarios

Límite de posts o días a

mostrar en la página de
inicio del blog

Indica un texto o código

que quieras que aparez-
ca siempre al momento
de empezar a escribir
una entrada.
Configurando teléfono y correos
Configurando idiomas y horarios

Ajustar a GMT -04:00

Hora de Venezuela
Preferencias para los buscadores

Habilitamos la descripción
para búsquedas. En términos
generales, permite describir el
blog ante los buscadores, pero
también abre la posibi- lidad de
describir los posts
individualmente
Otras configuraciones
Elimina nuestro blog

Exporta o guarda el contenido

del blog. (Formato xml)

Para subir el contenido de

otro blog. (formato XML)

Una fuente web o feed es un medio de

redifusión de contenido web. Se utiliza
para suministrar información
actualizada frecuentemente a sus
suscriptores. Los interesados pueden
usar un programa "agregador" para
acceder a sus fuentes suscritas desde
un mismo lugar. Para permitir que los
suscriptores nos puedan leer es
importante tenerlo activado.
Otras configuraciones
OpenID es un estándar de
identificación digital descentralizado.
En los sitios que soporten OpenID, los
usuarios no tienen que crearse una
nueva cuenta de usuario para obtener
acceso.

En caso de que el blog contenga

contenido para adultos, es importante
señalar que “si”. Ello no
necesariamente implica contenido
pornográfico, sino también artístico.

Google Analytics es una herramienta de analítica

web de la empresa Google. Ofrece información
del tráfico que llega a los sitios web según la
audiencia, la adquisición, el comportamiento y las
conversiones que se llevan a cabo en el sitio web
 Modificando nuestra plantilla
El botón «personalizar»
Nos permite modificar el
aspecto visual del blog:
colores, fuentes, plantillas,
etc.
El botón de configuración
del teléfono móvil nos permite
elegir una plantilla para
quienes acceden a nuestro
blog desde un dispositivo
móvil o tablet
El botón «Editar HTML»
Nos permite modificar el
código fuente de la plantilla.
Manejar con cuidado, un
error puede arruinar la
plantilla.
Personalizando nuestra plantilla
Después de hacer click en
«Personalizar»:
Arriba de la pantalla se
muestra una serie de
valores que se pueden
modificar para cambiar el
aspecto visual del blog.
Debajo de la pantalla nos
mostrará una previsualiza-
ción de dichos cambios
Añadiendo otras plantillas

Desde « Crear/Restablecer
copia de seguridad» se pue-de
guardar la plantilla que ya
utilizamos o subir una nueva.
 Lista de webs con plantillas o
templates para Blogger
• www.Btemplates.com
• Allblogtools.com
• Blogandweb.com/templa
• Templates-blogger.com
tes-blogger/
• Ourblogtemplates.com
• Splashytemplates.com
• Bloggerstyles.com
• Deluxetemplates.net
 Conociendo nuestros widgets o gadgets
Los widgets o gadgets son
pequeños elementos que se
muestran en diferentes partes
del blog y que muestran cierto
tipo de información que
podamos considerar relevante.
«Añadir un gadget» aparece
En distintos lugares del diseño.
Al hacer click en uno de esos
Enlaces, empezarás a añadir
Un widget en dicho espacio.
«Editar» nos permite modifi-car
algunos parámetros del widget
en cuestión, e incluso
eliminarlo.
Diseño: Widgets recomendados
 Agregar widget de una página (fanpage) de
Facebook
Se consigue a través de: https://developers.facebook.com/docs/plugins/page-
plugin/

Utiliza dos códigos:

1) Insertado en la etiqueta body

(Plantilla → Editar HTML):

Luego de la etiqueta “body” se debe insertar el

siguiente código:
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_GB/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
 Agregar widget de una página (fanpage) de
Facebook
2) Insertado en un widget de HTML
(Diseño → Agregar Widget de HTML):

Luego de la etiqueta “body” se debe insertar el

siguiente código:
<div class="fb-page" data-
href="https://www.facebook.com/NOMBREDELAPAGINA/"
data-tabs="timeline" data-height="450" data-small-
header="false" data-adapt-container-width="true" data-hide-
cover="false" data-show-facepile="true"><blockquote
cite="https://www.facebook.com/NOMBREDELAPAGINA/"
class="fb-xfbml-parse-ignore"><a
href="https://www.facebook.com/NOMBREDELAPAGINA/">S
ocialdemencia</a></blockquote></div>

Se debe cambiar donde dice NOMBREDELAPAGINA por el Nombre de usuario

de la página de Facebook. Si la dirección es www.facebook.com/Gvenespanol,
entonces el usuario será Gvenespanol
 Agregar widget de perfil de Facebook
(Badges o insignias)
• Entramos a: https://www.facebook.com/badges/
• Probamos «insignia de pérfil», el gadget más usado.

Utilidad para insertar- «Other» nos dará el

lo automáticamente en código para insertarlo
Blogger. Solo bas-ta manualmente.
seguir los pasos
indicados.
 Agregar widget de Twitter
• Entramos a: https://twitter.com/settings/widgets o, desde
nuestra cuenta, entramos a «configuración» y después a
«widgets».

Click en «Crear nuevo»

para empezar.
 Agregar widget de Twitter

Datos que
queremos que
se visualicen
en nuestro
widget

Crear widget
nos dará el
código que
insertaremos
 Insertando los códigos a nuestro blog
• Desde nuestro blog en Blogger, accedemos a «Diseño», y ahí
click en «insertar gadget»
• Nos aparecerá un recuadro con los distintos widgets a
mostrar. Ahí buscaremos «HTML/Javascript»

Introducimos el código que

nos proporcionaron previa-
mente, agregamos un título al
widget (también puede
estar vacío) y guardamos.
Desde «Diseño» se puede
modificar la posición del
widget al arrastrarlo de lugar.
Otros widgets: «Artículos relacionados» y «Barra
flotante de Addthis»
 Widget «Artículos relacionados»: muestra otros
artículos recomendados al final de cada post.
Enlace: www.linkwithin.com/

Ingresamos nuestro correo,

el enlace de nuestro blog, la
plataforma (blogger) y el
numero de historias a
mostrar. Damos click en
«Get widget» y seguir los
pasos para instalarlo.
 «Barra flotante de Addthis».

Enlace: www.addthis.com (Necesita registro) Antes de poder

utilizar los elementos de AddThis, es necesario insertar un
código similar a este en nuestro blog:
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript"
src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-
4eb2cbb977e1edb0"></script>

Dicho código se adquiere en la sección “Get the code” de la

página de AddThis y se en nuestro blog se agrega en la
sección “Plantilla” y “Editar HTML”, justo antes de la etiqueta
</body>. Luego de copiar el código, “guardar Plantilla”
 «Barra flotante de
Addthis».

Entramos en la opción
“Share Buttons” (botones
para compartir)
(https://www.addthis.com/get/sharing).

Al escoger la herramienta de
nuestra preferencia,
seleccionamos sus
características (tamaño,
texto, etc) y al estar listo
hacer click en “activate”
(activar) y nos proporcionará
el código a insertar.
Configurando diseño de las entradas del blog

Desde el elemento «entradas del

blog» (En Diseño) se pueden
modificar aún más como se verían las
entradas o post del blog
Configurar las entradas del blog

Texto a mostrar cuando se

haga un salto de página.

Elementos a mostrar en
las entradas de los post.
Modificando la cabecera del Blog

La cabecera o header
es la parte superior del
blog, y que siempre va
a estar visible.

Una vez desde «Diseño», e identifi-

cado el elemento de cabecera,
desde editar se puede modificar
la cabecera del blog
 Configurar la cabecera

Al igual que en «Configuración»

se puede modificar el título y
descripción del blog.

Es posible subir una imagen a la

cabecera del blog. Esto es
recomendable para personalizar
aún más el blog. En cuantos a
las dimensiones, la imagen a subir
debe ser un poco menor al
ancho del blog.

Sólo si se sube una imagen, es posible

escoger si se desea que ésta aparezca
«detrás del título y la descripción»
(como un fondo), «en lugar del título y la
descripción» (desaparece el título y la
descripción) y «colocar la descripción
después de la imagen» (elimina el título,
en su lugar coloca la imagen que
subimos y la descripción se coloca
debajo de la imagen)
Las «Páginas» de Blogger

Las páginas son otras secciones del blog,

utilizadas para mostrar información
diferente a los artículos. Ejemplo: Quienes
somos, Contacto, servicios, etc. Se
muestran como pestañas en la cabecera o
como enlaces en la barra lateral.
Entradas de Blog
Esta es nuestra lista de
publicaciones. Desde acá podemos
editarlas o eliminarlas.

Al pasar el mouse sobre

cada entra se pueden ver las
opciones de «editar», «ver»,
«compartir» y «eliminar»
Empezando a escribir un post

Blogger utiliza el sistema de edición de textos wysiwyg

(what you see is what you get) que permite escribir un
documento viendo directamente el resultado. Todos los
artículos se escriben, en realidad, con HTML.
Se empieza a escribir desde el botón “entrada nueva”.

Desde «HTML» se puede observar y modificar el código HTML

utilizado hasta el momento. Desde acá se colocan los códigos de
videos, documentos, etc., que se mostrarán más adelante.
Empezando a escribir un post
Si has usado Word de Microsoft Office, entonces esto será fácil.

Botón para insertar una Botón para insertar un video al

imagen. Se puede subir una post. Se puede subir una desde
desde el pc, desde un el pc, de un enlace de Youtube
enlace o insertar una o tomarla con la webcam.
utilizada previamente.

Botones para Para crear un enlace o Para realizar citas de

modificar la fuente del hipervínculo. Activar la frases, artículos, etc.
texto opción “Abrir este enlace Genera automáticamente
en una ventana nueva» un nuevo márgen.
 Las Etiquetas
La intención original de la
etiquetas es de generar palabras
claves para cada artículo, sin
embargo, son más útiles para
crear categorías. Ej: Un blog de
deportes puede tener las
etiquetas: Basketball, fútbol,
beisbol, etc.

Recomendación: No utilizar
demasiadas etiquetas, tanto para
poder recordarlas fácilmente como
para facilitar a los lectores
encontrar más fácilmente el
artículo que buscan o necesitan.
Programar la publicación de los post

Predeterminadamente, al
publicar un articulo, este utiliza
la fecha actual (automático).

Sin embargo, es posible

establecerle una fecha más
antigua o programarla para que se
publique cierto día a cierta hora.
Para esto se selecciona «establecer
fecha y hora» y seleccionas los
datos deseados.
Enlace permanente y ubicación
«Enlace permanente» te permite «Ubicación» permite dar a
elegir una dirección conocer el lugar donde te
personalizada para cada encuentras. Por razones de
artículo. No suele ser algo seguridad, no se recomienda.
necesario, por lo que puede ser
estar siempre en automático.
«Descripción de búsqueda» y «opciones»
«Descripción de búsqueda» permite
describir o resumir el artículo para que
sea mostrado a los búscadores y redes
sociales. Este cuadro sólo se muestra si
está activado «etiquetas meta» en
configuración

En «opciones», se puede habilitar o

deshabilitar la opción de los comentarios
por parte de los lectores; habilitar que el
editor de texto interprete el HTML o que
código deben usar el editor de textos
ante los espacios entre párrafos. Estos 2
últimos pueden quedar iguales.
Insertando videos
por HTML
Desde la página de
www.youtube.com, elegimos el video
que nos gustaría insertar al artículo.
Debajo del video, está la pestaña
compartir, después de darle click
aparece otra llamada «insertar» y ella
nos mostrará el código a insertar.

Se puede elegir el tamaño deseado

del video

Este proceso funciona de modo similar

con otros servicios web de videos.
 Insertando documentos
Páginas para subir documentos:
 Scribd
 Slideshare (presentaciones)
 Issue
En el caso de Scribd, al encontrar el
documento que deseamos insertar,
buscamos «Insertar» en la parte superior.
De ahí nos lleva al código que podemos
insertar.
El proceso es similar en otras páginas.
 Estadísticas

La sección “Estadísticas” nos permite

conocer cuantas visitas se han recibido,
de que lugar de la web provienen e
incluso de que país.
Campañas

La sección “Compañas” nos permite

darnos a conocer mediante el sistema
“AdWords” (publicidad) de Google.
Dicha publicidad es paga (en dólares)
Ingresos

La sección “Ingresos” nos permite ofrecer

publicidad en nuestro blog (mediante el sistema
“Adsense” de Google) y generar ingresos. Dicha
publicidad se paga al precio del dólar oficial.
 Mejor momento para publicar
Según estudios se dice que:
 El mejor día para publicar es el lunes.
 Las mejores horas son en la mañana,
alrededor de las 11 AM.
 Los días que reciben más comentarios
son los sábados.

Sin embargo, cada blog es un mundo:

dependiendo del tipo de blog, de los
usuarios, de distintos factores; las horas
mejores horas pueden variar. Es mejor
identificar las horas de acuerdo a la
propia experiencia.
Cómo Conseguir más Comentarios en tu Blog
 Pedirlos al final del artículo.
 Habilitando los comentarios de
Google+ o Facebook
 Dejando comentarios en otros
blogs
 Publicar tutoriales o guías
 Publicar contenido polémico.
 Menos trabas para publicar un
comentario
 Ofrecer algo a cambio (Es
efectivo pero no constante. No
genera fidelidad sino interés).
 Compartiendo en Redes Sociales
Para un principiante, las redes
sociales es el mejor modo de
darse a conocer.
Aprovecha todas tus redes
sociales: Facebook, Twitter,
Linkendin, Google+, etc.
En redes sociales también Twitterfeed, dlvr.it e IFTTT son
importa la humanidad: postear herramientas que publican
tu mismo en cada red. automáticamente por ti en casi
todas tus redes sociales.
Preferible sólo en caso de no
disponer de mucho tiempo.
 Haz que tu escrito sea atractivo
Recomendaciones al escribir un
artículo o post:
 "No existen más que dos reglas para
escribir: tener algo que decir y
decirlo." Oscar Wilde
 No escribir demasiado largo. Longitud
similar a un artículo noticioso.
 Respeta la ortografía y la gramática. Y
ESCRIBIR TODO EN
MAYÚSCULA ES DE MALA
EDUCACIÓN.
Muchas gracias por participar en
el taller

Para más ayuda e información:

Www.blogarizate.tk
blogarizate@gmail.com
victormanuelcs@gmail.com