Como crear un blog

• 1. UNIVERSIDAD TECNICA DE AMBATOFacultad de Ingeniera en Sistemas Electrnica e IndustrialIntegrantes:Edgar Fabin Jaque JaqueJessica Maricela Izurieta BarahonaTema: El blog Materia: NTICSAo Lectivo2012-2013

2. EL BLOGQue es un blog?Un blog, (tambin se conocen como weblog o bitcora), es un sitio web que recopilacronolgicamente textos o artculos de uno o varios autores, apareciendo primero el msreciente. Habitualmente, en cada artculo, los lectores pueden escribir sus comentarios yel autor darles respuesta, de forma que es posible establecer un dilogo. El uso otemtica de cada blog es particular, los hay de tipo personal, periodstico, empresarial ocorporativo, tecnolgico, educativo, etc.Que es una entada?Una entrada es la unidad de publicacin en un blog.Cada artculo que publicas, cadavideo que subes, con o sin comentarios de tu parte, cada crnica fotogrfica que das aconocer al mundo como autor/a de tu blog, es una entrada.Que es un gadget?Un Gadgets es una pequea aplicacin, que acta por si sola y existen muchos tipos,tales como del clima, hora, seal wifi, calendario, notas, etc.Que es un banners?Un banner, tambin conocido como anuncio banner, es un anuncio normalmenterectangular colocado arriba, abajo o en los lados del contenido principal de un sitio web yque enlaza con el sitio web del anunciante. 3. CREAR UN BLOG DESDE CEROPrimero creamos una cuenta en blogger.Luego damos clic en crear blog nuevo blog 4. Luego se despliega un cuadro en donde debemos darle un titulo una direccin yescogemos una plantilla. Una vez llenado estos datos damos clic en crear blog.Despus de crear el blog vamos a crear nuestra primera entrada para eso damos clic encrear entrada 5. Luego se despliega una hoja en blanco en donde pondremos las nuevas publicacionespara nuestro blog, en donde podemos ingresar textos, videos, imgenes, enlaces, etc.Ingresamos texto ya sea escribiendo o pegando. Para agregar imgenes damos clic eninsertar imagen. 6. Se despliega un cuadro donde nos da opciones para agregar imgenes donde tendremosdistintas maneras de agregar imgenes en este caso vamos hacerlo con la opcin URLpara ello copiamos la URL de la imagen.Luego pegamos y aparecer la imagen automticamente. Luego damos clic en aadir lasimgenes seleccionadas..y se agregara la imagen a nuestra entrada.Para cambiar eltamao de la imagen solo damos clic encima de la imagen y se despliega los tamaospredeterminados ya que no podemos modificar de una forma personalizada. 7. Para agregar videos es de una forma muy similar que agregar imgenes para ello domosclic en insertar un video que se encuentra a lado de la opcin insertar imagen aldesplegarse el cuadro podemos subir un video desde nuestro ordenador o aadirlo desdeel internet en este caso vamos a aadirlo desde en internet.Vamos a aadir un video desde la opcin Youtube, ingresamos el titulo de lo quequeremos buscar el Youtube damos en buscar y se despliega los resultados de labsqueda seguidamente seleccionamos en video deseado y damos clic en seleccionar yse aadir el video a nuestra entrada.Para ver como nos esta quedando nuestro blog damos clic en guardar y vista previa. Encaso de que este bien y queremos terminar la entrada damos clic en publicar.Vista previa 8. Para agregar videos desde Youtube tambin podemos hacerlo copiando el cdigo de lasiguiente manera:Cuando estemos en Youtube y este reproducindose el video damos clic en compartir yclic en insertar para copiamos el cdigo que se despliega. (En esta parte podemosescoger el tamao del video parte amarilla).Vamos a nuestro blog y activamos la opcin HTML y pegamos el cdigo del videoUna vez hecho esto damos en guardar y generamos vista previa para verificar que elvideo se haya cargado en nuestro blog y damos clic en publicar. El blog nos quedara deesta manera. 9. Diseo de nuestro blogPara personalizar nuestro blog tenemos una opcin de diseo y procedemos de lasiguiente manera:Damos clic en diseo de la parte izquierda y despus en Diseador de plantillas.Damos clic en diseo y escogemos uno de ellos de acuerdo a nuestro gusto, damos clicen aadir al blog y cambiara el aspecto de nuestro blog. 10. Ahora cambiara el aspecto de nuestro blog segn el diseo escogido.Ahora Vamos aadir gadget a nuestro blog para ello vamos a la opcin de diseo ydamos clic en aadir un gadget.Ahora escogemos cualquier gadget dependiendo de nuestra necesidad en este casoaadiremos un TRADUCTOR damos clic en traductor y se abre una segunda ventana endonde nos pedir como queremos que se vea el gadget en nuestro blog.Despus de escoger la manera en la que se vera nuestra gadget damos clic en guardar yaparecer el gadget en nuestro blog. 11. Gadget aadidoPara crear aadir gadget desde otras pginas se realiza mediante la copia del cdigo dela siguiente manera. 1. Ingresamos a una pgina que nos permita crear gadget. 2. Escogemos el gadget deseado 3. Copiamos el cdigo (embed code). 12. Una vez copiado el cdigo, despus de haber puesto aadir gadget escogemos el q diceHTML/Javascript. Pegamos el cdigo en Contenido, le damos un titulo y damos clic enguardar. 13. El gadget aparecer en nuestro blog, en este caso esta de una manera personalizada.Como agregar un bannersDe la misma manera que creamos el gadget anterior es muy similar.Primero ingresamos a la pgina que nos permita crear banners, luego escogemos unmodelo que nos guste. 14. Una vez llenado los datos del banner damos clic en generar animacin, despuscopiamos el cdigo,Despus de la misma manera que ingresamos el gadget de los peces, lo realizamos paraeste banner, Ingresamos a diseo aadir gadget escogemosHTML/Javascript pegamos elcdigo y damos clic en guardar. Y aparecer el banner en nuestro blog. 15. Para insertar un Voki se necesita crear uno en este caso usamos la direccion voki.com comoobservamos en la imagen.Una vez terminado el Voki copiamos el codigo, despus de haber puesto aadir gadgetescogemos el q dice HTML/Javascript. Pegamos el cdigo en Contenido, le damos untitulo y damos clic en guardar. 16. Seguidamente damos en actualizar blog y aparecer el voki en nuestro blog.Bibliografa:1.- http://www.blogia.com/que-es-un-blog.php2.- http://www.flashvortex.com/banners.php3.- www.abowman.com.4.-www.voki.com.