Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
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