SlideShare une entreprise Scribd logo
1  sur  2
Télécharger pour lire hors ligne
Sin título
Primer tutorial con blogger.com

Este es solo un pequeño tutorial para los que empiezan con blogger.
¿Ya tienes tu blog en blogger.com y quieres mejorar su aspecto y funcionalidad?
¿resulta que no entiendes de HTML? pues este es tu primer tutorial
1.- CONFIGURACION BASICA

Una vez que hemos entrado en www.blogger.com e introducido nuestro nombre y
contraseña nos encontramos en el ESCRITORIO desde donde podemos ver una lista de
los blogs que tenemos y desde ahi podemos publicar nuevos articulos o modificar
el aspecto del blog.
A la configuracion del blog se accede dandole a la rueda dentada de CAMBIAR
VALORES.
Es muy importante la codificacion (está en FORMATO-CODIFICAR), lo mas
recomendable es poner UTF-8 o si tienes otra no la cambies para no estropear los
articulos anteriores, si introduces una plantilla nueva debe tener la misma
codificacion en la cabecera.
Otra cosa importante son las fechas.
Tambien puedes decidir quien debe comentar tus articulos (COMENTARIOS), hay que
elegir: CUALQUIERA
2.- PLANTILLA

La plantilla es la base para crear tu blog, se puede EDITAR ACTUAL o ESCOGER
NUEVA.
Al principio debes ESCOGER NUEVA y elegir entre varias hasta dar con la que mas
te guste y posteriormente podras EDITAR ACTUAL para incorporar cosas nuevas a tu
blog.

Una vez que edites la plantilla y estes seguro de los cambios hechos le das a
GUARDAR CAMBIOS DE PLANTILLA para guardar los cambios efectuados, aunque la
pagina web seguirá igual.
Para que los cambios afecten a la pagina, le das al primer boton que pone VOLVER
A PUBLICAR y esperas que ponga 100%.

2.1.- DONDE INTRODUCIR NUEVAS COSAS
¿Quieres colocar mas cosas en tu plantilla y no sabes donde?

El mejor sitio es justo antes de una linea que pone:

<h2 class=quot;sidebar-titlequot;>Previous Posts</h2>

O tambien si quieres algo mas arriba, justo antes de:
<h2 class=quot;sidebar-titlequot;>About Me</h2>
O mas abajo, entonces justo despues de la siguiente linea:

<p id=quot;powered-byquot;><a href=quot;http://www.blogger.comquot;><img
src=quot;http://buttons.blogger.com/bloggerbutton1.gifquot; alt=quot;Powered by Bloggerquot;
/></a></p>

Pero NUNCA introduzcas cosas entre los simbolos < y >
Coloca un   monton de lineas en blanco en el sitio elegido para poder despues
encontrar   facilmente el sitio, o coloca un comentario de forma que no se vea en
el blog:
<!-- este   es un comentario y no sale en el blog -->
<!-- aqui   es donde tengo que meter el tagboard -->
<!-- este   es buen sitio para los enlaces, etc etc -->
2.2.- TRADUCCIONES

Para empezar es buena idea traducir algunos textos, busca estas lineas:
<h2 class=quot;sidebar-titlequot;>About Me</h2>
<h2 class=quot;sidebar-titlequot;>Archives</h2>
                                    Página 1
Sin título
<h2 class=quot;sidebar-titlequot;>Previous Posts</h2>
<$BlogItemCommentCount$> comments
Y traduce lo de 'About Me', 'Archives', 'Previous Post' y 'comments' por 'Sobre
mi', 'Archivos', 'Articulos Anteriores' y 'comentarios' por ejemplo.

2.3.- ENLACES
Muy importante es tener enlaces a las páginas de tus amigos, ¿como?, introduce
un bloque como este:

<h2 class=quot;sidebar-titlequot;>Mis Enlaces favoritos</h2>
<p>
<a target=quot;_blankquot; href=quot;http://blogdir.com/quot;>Blogdir - La comunidad de
weblogs</a><br />
<a target=quot;_blankquot; href=quot;http://bitacoras.com/quot;>Bitacoras.com</a><br />
<a target=quot;_blankquot; href=quot;http://nimo66.blogspot.com/quot;>No se a quien se lo
digo</a><br />
<a target=quot;_blankquot; href=quot;http://mensajitos.blogspot.com/quot;>Mensajitos</a><br />
</p>
<!-- fin de enlaces -->
Como ves cada enlace es una linea, en medio tienen la dirección de la página que
empieza por http:// y un poco mas delante el nombre de la web.
Si quieres poner mas enlaces duplica y cambia una linea y si quieres borrar uno,
pues borra la linea entera, ten cuidado de no estropear los simbolos < y >.

2.4.- UN TEXTO
¿Como introducir un trozo de texto con un titulo? asi:

<h2 class=quot;sidebar-titlequot;>TITULO</h2>
<p>AQUI VA EL TEXTO QUE QUIERAS PONER</p>
Para añadir un salto de linea tienes que poner <br /> en medio del texto.

3.- FIN

Bueno, eso es todo de momento, espero que este tutorial te resulte útil.




                                    Página 2

Contenu connexe

Tendances

Mapa conceptual de blogger
Mapa conceptual de bloggerMapa conceptual de blogger
Mapa conceptual de blogger
jeiner76
 
Deber de computacion
Deber de computacionDeber de computacion
Deber de computacion
Kattyvivanco
 
Pestañas FBML facebook fan pages
Pestañas FBML facebook fan pagesPestañas FBML facebook fan pages
Pestañas FBML facebook fan pages
Julieta Jimz
 
2. el post elementos principales g150
2. el post elementos principales g1502. el post elementos principales g150
2. el post elementos principales g150
Marcos Cadenato
 
Todas las tareas del blog
Todas las tareas del blogTodas las tareas del blog
Todas las tareas del blog
martinyjoseau
 

Tendances (20)

Power point definitivo
Power point definitivoPower point definitivo
Power point definitivo
 
Mapa conceptual de blogger
Mapa conceptual de bloggerMapa conceptual de blogger
Mapa conceptual de blogger
 
Deber de computacion
Deber de computacionDeber de computacion
Deber de computacion
 
Blogger ii
Blogger iiBlogger ii
Blogger ii
 
Pestañas FBML facebook fan pages
Pestañas FBML facebook fan pagesPestañas FBML facebook fan pages
Pestañas FBML facebook fan pages
 
Crea tu plantilla de blogger
Crea tu plantilla de bloggerCrea tu plantilla de blogger
Crea tu plantilla de blogger
 
Empecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blogEmpecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blog
 
Configuramos nuestro blog widgets
Configuramos nuestro blog widgetsConfiguramos nuestro blog widgets
Configuramos nuestro blog widgets
 
Tutor general html webs
Tutor general html websTutor general html webs
Tutor general html webs
 
Elegir una plantilla para tu blog
Elegir una plantilla para tu blogElegir una plantilla para tu blog
Elegir una plantilla para tu blog
 
Blogg
BloggBlogg
Blogg
 
Jose gines y fran
Jose gines y franJose gines y fran
Jose gines y fran
 
2. el post elementos principales g150
2. el post elementos principales g1502. el post elementos principales g150
2. el post elementos principales g150
 
blog
blogblog
blog
 
Que es blogger
Que es bloggerQue es blogger
Que es blogger
 
Tutorial Para Hacer Pag Web
Tutorial Para Hacer Pag WebTutorial Para Hacer Pag Web
Tutorial Para Hacer Pag Web
 
Google docs and multiple choice
Google docs and multiple choiceGoogle docs and multiple choice
Google docs and multiple choice
 
Creación de Blog con Blogger
Creación de Blog con BloggerCreación de Blog con Blogger
Creación de Blog con Blogger
 
Hipervinculos en html
Hipervinculos en htmlHipervinculos en html
Hipervinculos en html
 
Todas las tareas del blog
Todas las tareas del blogTodas las tareas del blog
Todas las tareas del blog
 

En vedette (7)

Sunspace presentation for Atlassian Webinar
Sunspace presentation for Atlassian WebinarSunspace presentation for Atlassian Webinar
Sunspace presentation for Atlassian Webinar
 
JSUG - Inversion Of Control by Florian Motlik
JSUG - Inversion Of Control by Florian MotlikJSUG - Inversion Of Control by Florian Motlik
JSUG - Inversion Of Control by Florian Motlik
 
Apresentação Icon Sapo
Apresentação Icon SapoApresentação Icon Sapo
Apresentação Icon Sapo
 
Facebook Coupon
Facebook CouponFacebook Coupon
Facebook Coupon
 
Text Design
Text DesignText Design
Text Design
 
Uddrag af teknologioplæg
Uddrag af teknologioplægUddrag af teknologioplæg
Uddrag af teknologioplæg
 
Blogging for Real Estate Agents - The Basics
Blogging for Real Estate Agents - The BasicsBlogging for Real Estate Agents - The Basics
Blogging for Real Estate Agents - The Basics
 

Similaire à Tutorial.Blogger (20)

Tutorial[1].blogger mt
Tutorial[1].blogger mtTutorial[1].blogger mt
Tutorial[1].blogger mt
 
Tic i.
Tic i.Tic i.
Tic i.
 
El blog
El blogEl blog
El blog
 
Blogger
BloggerBlogger
Blogger
 
Power Poinw
Power PoinwPower Poinw
Power Poinw
 
Power poin
Power poinPower poin
Power poin
 
Power Poin
Power PoinPower Poin
Power Poin
 
Power Poin
Power PoinPower Poin
Power Poin
 
Power poin
Power poinPower poin
Power poin
 
Power Poin
Power PoinPower Poin
Power Poin
 
Power Poin
Power PoinPower Poin
Power Poin
 
Preparamos nuestro blog
Preparamos nuestro blogPreparamos nuestro blog
Preparamos nuestro blog
 
Blog
BlogBlog
Blog
 
Guia word press
Guia word pressGuia word press
Guia word press
 
Crear Un Blog Con Blogger
Crear Un Blog Con BloggerCrear Un Blog Con Blogger
Crear Un Blog Con Blogger
 
COMO CREAR UN BLOG EN BLOGER
COMO CREAR UN BLOG EN BLOGERCOMO CREAR UN BLOG EN BLOGER
COMO CREAR UN BLOG EN BLOGER
 
COMO CREAR UN BLOG
COMO CREAR UN BLOG COMO CREAR UN BLOG
COMO CREAR UN BLOG
 
Trabajo de informatica blogger
Trabajo de informatica bloggerTrabajo de informatica blogger
Trabajo de informatica blogger
 
Trabajo De Informatica Blogger
Trabajo De Informatica BloggerTrabajo De Informatica Blogger
Trabajo De Informatica Blogger
 
Trabajo de informatica blogger
Trabajo de informatica bloggerTrabajo de informatica blogger
Trabajo de informatica blogger
 

Dernier

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Dernier (11)

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 

Tutorial.Blogger

  • 1. Sin título Primer tutorial con blogger.com Este es solo un pequeño tutorial para los que empiezan con blogger. ¿Ya tienes tu blog en blogger.com y quieres mejorar su aspecto y funcionalidad? ¿resulta que no entiendes de HTML? pues este es tu primer tutorial 1.- CONFIGURACION BASICA Una vez que hemos entrado en www.blogger.com e introducido nuestro nombre y contraseña nos encontramos en el ESCRITORIO desde donde podemos ver una lista de los blogs que tenemos y desde ahi podemos publicar nuevos articulos o modificar el aspecto del blog. A la configuracion del blog se accede dandole a la rueda dentada de CAMBIAR VALORES. Es muy importante la codificacion (está en FORMATO-CODIFICAR), lo mas recomendable es poner UTF-8 o si tienes otra no la cambies para no estropear los articulos anteriores, si introduces una plantilla nueva debe tener la misma codificacion en la cabecera. Otra cosa importante son las fechas. Tambien puedes decidir quien debe comentar tus articulos (COMENTARIOS), hay que elegir: CUALQUIERA 2.- PLANTILLA La plantilla es la base para crear tu blog, se puede EDITAR ACTUAL o ESCOGER NUEVA. Al principio debes ESCOGER NUEVA y elegir entre varias hasta dar con la que mas te guste y posteriormente podras EDITAR ACTUAL para incorporar cosas nuevas a tu blog. Una vez que edites la plantilla y estes seguro de los cambios hechos le das a GUARDAR CAMBIOS DE PLANTILLA para guardar los cambios efectuados, aunque la pagina web seguirá igual. Para que los cambios afecten a la pagina, le das al primer boton que pone VOLVER A PUBLICAR y esperas que ponga 100%. 2.1.- DONDE INTRODUCIR NUEVAS COSAS ¿Quieres colocar mas cosas en tu plantilla y no sabes donde? El mejor sitio es justo antes de una linea que pone: <h2 class=quot;sidebar-titlequot;>Previous Posts</h2> O tambien si quieres algo mas arriba, justo antes de: <h2 class=quot;sidebar-titlequot;>About Me</h2> O mas abajo, entonces justo despues de la siguiente linea: <p id=quot;powered-byquot;><a href=quot;http://www.blogger.comquot;><img src=quot;http://buttons.blogger.com/bloggerbutton1.gifquot; alt=quot;Powered by Bloggerquot; /></a></p> Pero NUNCA introduzcas cosas entre los simbolos < y > Coloca un monton de lineas en blanco en el sitio elegido para poder despues encontrar facilmente el sitio, o coloca un comentario de forma que no se vea en el blog: <!-- este es un comentario y no sale en el blog --> <!-- aqui es donde tengo que meter el tagboard --> <!-- este es buen sitio para los enlaces, etc etc --> 2.2.- TRADUCCIONES Para empezar es buena idea traducir algunos textos, busca estas lineas: <h2 class=quot;sidebar-titlequot;>About Me</h2> <h2 class=quot;sidebar-titlequot;>Archives</h2> Página 1
  • 2. Sin título <h2 class=quot;sidebar-titlequot;>Previous Posts</h2> <$BlogItemCommentCount$> comments Y traduce lo de 'About Me', 'Archives', 'Previous Post' y 'comments' por 'Sobre mi', 'Archivos', 'Articulos Anteriores' y 'comentarios' por ejemplo. 2.3.- ENLACES Muy importante es tener enlaces a las páginas de tus amigos, ¿como?, introduce un bloque como este: <h2 class=quot;sidebar-titlequot;>Mis Enlaces favoritos</h2> <p> <a target=quot;_blankquot; href=quot;http://blogdir.com/quot;>Blogdir - La comunidad de weblogs</a><br /> <a target=quot;_blankquot; href=quot;http://bitacoras.com/quot;>Bitacoras.com</a><br /> <a target=quot;_blankquot; href=quot;http://nimo66.blogspot.com/quot;>No se a quien se lo digo</a><br /> <a target=quot;_blankquot; href=quot;http://mensajitos.blogspot.com/quot;>Mensajitos</a><br /> </p> <!-- fin de enlaces --> Como ves cada enlace es una linea, en medio tienen la dirección de la página que empieza por http:// y un poco mas delante el nombre de la web. Si quieres poner mas enlaces duplica y cambia una linea y si quieres borrar uno, pues borra la linea entera, ten cuidado de no estropear los simbolos < y >. 2.4.- UN TEXTO ¿Como introducir un trozo de texto con un titulo? asi: <h2 class=quot;sidebar-titlequot;>TITULO</h2> <p>AQUI VA EL TEXTO QUE QUIERAS PONER</p> Para añadir un salto de linea tienes que poner <br /> en medio del texto. 3.- FIN Bueno, eso es todo de momento, espero que este tutorial te resulte útil. Página 2