empecemos a publicar en nuestro blog
Post on 04-Jul-2015
421 Views
Preview:
DESCRIPTION
TRANSCRIPT
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…
top related