Trucos y mas cosas para blog recomiendo http://ciudadeblogger.com

Empecemos a publicar en nuestro blog! “NUESTRO PRIMER POST”

1) accedemos a nuestra cuenta (en http://blogger.com)

2) seremos redirigidos al escritorio: donde vamos a seleccionar nuestro blog (es

decir seleccionamos la opción NUEVA ENTRADA en PROFESOR GONZALO…

3)después de ello tendremos el editor donde empezaremos a editar el

post o la entrada (para publicar el tema) se recomienda siempre que estas

publicaciones lleven un TITULO

Por @urki_3221

Aquí va el titulo de la publicacion (entrada)

Enlace: no lo edites (dejalo como esta)

Aquí escribiremos el contenido

de la publicación (entrada) cual

sea el contenido

Las etiquetas: sirven para organizar el

menú que aparece debajo del

encabezado de la pagina como el

ejemplo de (sexto, séptimo, octavo,

forjar familia etc… (después explicare

como se crean nuevas etiquetas en

este documento)

3) que es EDICION HTML? Y que es redactar?

La edición de HTML la usamos cuando queremos agregar atributos especiales con

códigos de programación o agregar elementos como documentos de Word en la

entrada o en si otros elementos como videos de you tube en el blog … etc… (hay

cursos en internet acerca de HTML para aprender mas…)

Esta es la vista cuando estamos en HTML detallese la imagen arriba!

Fijémonos siempre aquí

para escoger el modo de

edicion

EL MODO REDACTAR EN EL BLOG

Cuando utilizamos este modo de edición veremos algo asi:

Esto es como estar en Word y escribir un documento aquí tenemos todas las herramientas para empezar a publicar si tanta edición con código de programación…

Recomendable usar este para por ejemplo cambiar el color de la letra, tamaño, etc…

SALTO DE LINEA (PARA QUE SIRVE?) El sañto de línea lo usaremos para que en nuestra pagina de inicio se vea solo un fragmento de la publicación que al dar click en lee mas nos llevara a la pagina donde se encuentra todo el contenido ESTO NOS AYUDARA A OPTIMIZAR EL BLOG EN SU CARGA… O A MOSTRARLO MEJOR ORGANIZADO… ESTE ES UN EJEMPLO:

Salto de lnea…Esto es

importante… mas

adelante explicare

porque?

Aquí agregamos imágenes a la

publicación (desde computador, URL de

internet etc…

En conclusión en el blog se mostrara asi:

Esto es lo que aparecerá en la

pagina principal… el resto de

contenido que se encuetra

debajo de la line se mostrara

en una pagina en el blog

donde solo se mostrara esta

entrada (mas abajo un

ejemplo de cómo queda

Debemos ubicar el cursor en el final del párrafo e

inmediatamente se dividirá la pagina… lo que quede

debajo de la línea estará oculto en la pagina principal…

Ubica el cursor aquí al final del

párrafo y pulsa para

dividir la pagina…

Esta es la pagina principal del blog donde

aparecen las ultimas 10 publicaciones en

orden cronológico… aquí tenemos la

entrada o publicación a la que le

aplicamos salto de línea…

Aquí señalo el botón leer mas… que al

presionarlo me llevara a todo el

contenido de la publicacion

Y aquí tenemos toda la publicación

completa… y listo con eso iniciamos

nuestras primeras publicaciones

DOCUMENTOS DE WORD EN EL BLOG

IMPORTANTE EL EDITO DEBE ESTAR EN MODO DE EDICIÓN HTML PARA AGREGAR ESTO!

Usaremos el servicio de slideshare para esto…

1)vamos a http://slideshare.net y nos registramos:

Una vez haya iniciado sesión… y quiero subir mi(s) archivo(s) de Word hago click en upload

Podemos registrarnos con nuestra cuenta de

facebook. Nos pedirá permitir la aplicación

continuar y le decimos permitir y ahí mismo

tendremos nuestra cuenta en slideshare.

Aquí aparecerá tu escritorio y podras administrar tus documentos ej:

Aparecerá un cuadro de selección de archivos:

Selecciona (haz click en este cuadro)

Selecciona el archivo de

Word la presentación en

power point, el pdf, etc…

No recomendada (hay que pagar)

Terminada la carga…. aparecera

Empezara la carga del archivo

Click aquí para

cambiar

nombre,

agregar

descripción y

otros

(importante: si

se publica en

facebook)

Archivo cargado (vista previa)

Código

para

introducir

el

documento

en nuestro

blog (no

olvidar que

es en

EDICION

HTML

Compartir en facebook. Twitter o

correo, IMPORTANTE: para publicar en

facebook debe aparecer una imagen de

miniatura antes de publicar, si no

aparece intenta de nuevo compartirlo!

Y POR ULTIMO ESTA ES LA PAGINA DEL

DOCUMENTO DONDE PODREMOS DESCARGARLO,

COMPARTIRLO, ETC…

Editar el titulo, Etiquetas y >Descripcion (importante

para publicar en facebook) Aparecera este

documento en facebook al igual que publicar un

video de you tube Guarda los cambios

PARA COMPARTIR EN FACEBOOK

COMPARTIR

DESCARGA

Click

aqui

Escribe algo

acerca…

Descripción del

documento (se puede

cambiar)

PARA INTRODUCIR AL BLOG

EL CODIGO QUE NOS VA A DAR SLIDESHARE SERA IGUAL A ESTE:

<div style="width:477px" id="__ss_8180383"> <strong

style="display:block;margin:12px 0 4px"><a

href="http://www.slideshare.net/hinestrosadaza/lina-8180383"

title="Lina">Lina</a></strong> <iframe

src="http://www.slideshare.net/slideshow/embed_code/8180383" width="477"

height="510" frameborder="0" marginwidth="0" marginheight="0"

scrolling="no"></iframe> <div style="padding:5px 0 12px"> View more <a

href="http://www.slideshare.net/">documents</a> from <a

href="http://www.slideshare.net/hinestrosadaza">Ricardo Hinestrosa Daza</a> </div>

</div>

------------------------------------------

Vamos a hacerle unas pequeñas mofificaciones al código una vez lo tengas pegado en

el editor de tu blog en modo de HTML

VAMOS a tener en cuenta los parámetros widht que significa ancho y height que

significa alto

HAZ CLICK EN COPY, PARA

PEGARLO EN LA ENTRADA

DEL BLOG

Antes de todo el código que copiamos de slide share pegamos esto <div align="center"> ESTO SE HACE PARA CENTRAR EL DOCUMENTO OJO= (CAMBIAMOS SOLO CAMBIAMOS) EL PARAMETRO WIDHT DE COLOR AMARILLO DE 477 A UN POCO MAS ANCHO 510 =RESULTADO CODIGO FINAL=ESTE: <div align="center"> <div style="width:510px" id="__ss_8004761"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/hinestrosadaza/publica-tu-blog-en-facebook" title="Publica tu blog en facebook">Publica tu blog en facebook</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/8004761" width="510" height="510" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/">documents</a> from <a href="http://www.slideshare.net/hinestrosadaza">Ricardo Hinestrosa Daza</a> </div> </div> </div>

Dejo esta recomendación ya que slideshare nos da un código en el cual el tamaño del documento es mas pequeño y es incomodo de leer en la pagina Recordemos que siempre para agregar estos documentos de Word en el blog se hace mediante el código…