El documento proporciona una guía sobre cómo publicar en un blog utilizando Blogger, desde crear una entrada hasta utilizar etiquetas y edición HTML. Se menciona la importancia de organizar el contenido y cómo agregar documentos de Word y presentaciones de Slideshare al blog. Además, se detallan pasos específicos para modificar el código HTML y mejorar la presentación del contenido en el blog.

1. Trucos y mas cosas para blog recomiendo http://ciudadeblogger.com <br />Empecemos a publicar en nuestro blog! “NUESTRO PRIMER POST” <br />accedemos a nuestra cuenta (en http://blogger.com)<br />seremos redirigidos al escritorio: donde vamos a seleccionar nuestro blog (es decir seleccionamos la opción NUEVA ENTRADA en PROFESOR GONZALO…<br />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<br />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)Aquí escribiremos el contenido de la publicación (entrada) cual sea el contenidoEnlace: no lo edites (dejalo como esta)Aquí va el titulo de la publicacion (entrada)<br />Por @urki_3221<br />que es EDICION HTML? Y que es redactar?<br />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…)<br />Fijémonos siempre aquí para escoger el modo de edicion <br />Esta es la vista cuando estamos en HTML detallese la imagen arriba!<br />EL MODO REDACTAR EN EL BLOG<br />Cuando utilizamos este modo de edición veremos algo asi:<br />Salto de lnea…Esto es importante… mas adelante explicare porque?Aquí agregamos imágenes a la publicación (desde computador, URL de internet etc…<br />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…<br />Recomendable usar este para por ejemplo cambiar el color de la letra, tamaño, etc…<br />SALTO DE LINEA (PARA QUE SIRVE?)<br />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<br />ESTO NOS AYUDARA A OPTIMIZAR EL BLOG EN SU CARGA… O A MOSTRARLO MEJOR ORGANIZADO…<br />ESTE ES UN EJEMPLO:<br /> <br />Ubica el cursor aquí al final del párrafo y pulsa para dividir la pagina…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…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<br />En conclusión en el blog se mostrara asi:<br />Aquí señalo el botón leer mas… que al presionarlo me llevara a todo el contenido de la publicacionEsta 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…<br />Y aquí tenemos toda la publicación completa… y listo con eso iniciamos nuestras primeras publicaciones<br />DOCUMENTOS DE WORD EN EL BLOG<br />IMPORTANTE EL EDITO DEBE ESTAR EN MODO DE EDICIÓN HTML PARA AGREGAR ESTO!<br />Usaremos el servicio de slideshare para esto… <br />1)vamos a http://slideshare.net y nos registramos:<br />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.<br />Una vez haya iniciado sesión… y quiero subir mi(s) archivo(s) de Word hago click en upload<br />Aquí aparecerá tu escritorio y podras administrar tus documentos ej:<br />No recomendada (hay que pagar)Selecciona (haz click en este cuadro)<br />Aparecerá un cuadro de selección de archivos:<br />Selecciona el archivo de Word la presentación en power point, el pdf, etc…<br />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!Empezara la carga del archivo<br />Terminada la carga…. aparecera<br />Código para introducir el documento en nuestro blog (no olvidar que es en EDICION HTMLClick aquí para cambiar nombre, agregar descripción y otros (importante: si se publica en facebook)Archivo cargado (vista previa)<br />Guarda los cambiosEditar el titulo, Etiquetas y >Descripcion (importante para publicar en facebook) Aparecera este documento en facebook al igual que publicar un video de you tube<br />Y POR ULTIMO ESTA ES LA PAGINA DEL DOCUMENTO DONDE PODREMOS DESCARGARLO, COMPARTIRLO, ETC…<br />DESCARGACOMPARTIR<br />PARA COMPARTIR EN FACEBOOK<br />Descripción del documento (se puede cambiar)Escribe algo acerca…Click aqui<br />PARA INTRODUCIR AL BLOG<br />HAZ CLICK EN COPY, PARA PEGARLO EN LA ENTRADA DEL BLOG<br />EL CODIGO QUE NOS VA A DAR SLIDESHARE SERA IGUAL A ESTE:<br /><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><br />------------------------------------------<br />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<br />VAMOS a tener en cuenta los parámetros widht que significa ancho y height que significa alto<br />Antes de todo el código que copiamos de slide share pegamos esto<br /><div align=\"
center\"
> ESTO SE HACE PARA CENTRAR EL DOCUMENTO<br />OJO= (CAMBIAMOS SOLO CAMBIAMOS) EL PARAMETRO WIDHT DE COLOR AMARILLO DE 477 A UN POCO MAS ANCHO 510 =RESULTADO CODIGO FINAL=ESTE:<br /><div align=\"
center\"
> <br /><div style=\"
width:510px\"
id=\"
__ss_8004761\"
><br /><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\"
><br />View more <a href=\"
http://www.slideshare.net/\"
>documents</a> from <a href=\"
http://www.slideshare.net/hinestrosadaza\"
>Ricardo Hinestrosa Daza</a> </div><br /></div><br /></div><br />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<br />Recordemos que siempre para agregar estos documentos de Word en el blog se hace mediante el código…<br />