visitanos http://www.usc.es/

Añadir el scrol infinito.
...
lo copiamos, lo metemos dentro de un gadget

si queremos linkar nuestro blog con facebook. para ello dentro de facebook.com/badges/

fitbadner: alimentador de feeds. desventajas, google dice que se lo va a cargar. sin embargo sigue ahí. ventajas: proporciona estadisticas acerca de nuestros feeds. permite redireccionar el feed, ejemplo si nuestro blog cambia de direccion nuestro feed seguiria siendoe el mismo. nos permite publicar en tiwtter y face desde nuestro blog.

visitanos http://www.usc.es/

....

Hay una pagina: stopwatch, que es la que computa el tiempo de carga de una pagina determinada. con esta pagina podemos ver cuanto tiempo tarda en cragar nuestro blog.

 

Podemos también poner enlaces a correos electrónicos. poniendo por ejemplo  si tienes alguna pregunta dirigete a este correo.

 

podemos cambiar la politica de comentarios en cada entrada. osea, hay una forma de comentarios general del blog. pero en un momento determinado podemos personalizar la politica de los comentarios en una entrada determinada.

 

 

diferente

visitanos

CUALQUIER COSA.

DESLIZADORES DE IMAGENES.

Vamos a ver uno de una apgina web. para eso introducimos codigo java como Gadget. (lo hacemo sen un blog a parte, como este). vamos a : http://imagesliderforblogger.blogspot.com.es/ entramos al primero y copiamos el codigo. vamos a diseño (fuera de las entradas en la configuracion). en diseño ponemos añadir gadget el de html:javascrip y ahi ponemos el titulo y un pegamos el codigo. publicamos y vemos el blog. las fotos las podemos personalizar, borrando y copiando los url de nuestras fotos, tambien podemos poner menos o mas fotos.

EJEMPLE DE IMAGEMAP

image map

dentro de una imagen, hacer cosas encima de unas imagenes q estan en la imagen (redireccionar).

subir una imagen
ir a codigo html, quitamos href y dentro del img encontramos el ancho y un numero y el alto y un numero. dentro del img agregamos (usemap="#mimapa")
al final de todo ponemos el simbolo menor y <map name="mimapakoalita" y luego cerramos la etiqueta de map poniendo (</map>) QUEDARIA ASÍ:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmkRSslN-SPPaomL517Z8BESDWpBypnexoB-VeHSpUxogktN-mZ6ej9-na4uf_bj_auMMIAMLtsg2C5WMjCX5XT3ACPunESvfPoW4Jh-5JD_wOn6egOOoxudVl2tsFXjtDuPRH3eqIc0/s640/Koala.jpg" usemap="#mimapakoalita" width="640" /></div>
<br />

luego ponemos: EN RESUMEN ESTO ES TODO LO QUE QUEDA:
<map name="mimapakoalita"> <area coords="320,240,40" href="http://www.usc.es" shape="circle"></area></map>

JUNTANDO TODO, QUEDARÍA ASÍ:

<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmkRSslN-SPPaomL517Z8BESDWpBypnexoB-VeHSpUxogktN-mZ6ej9-na4uf_bj_auMMIAMLtsg2C5WMjCX5XT3ACPunESvfPoW4Jh-5JD_wOn6egOOoxudVl2tsFXjtDuPRH3eqIc0/s640/Koala.jpg" usemap="#mimapakoalita" width="640" /></div>
<br />
<map name="mimapakoalita"> <area coords="320,240,40" href="http://www.usc.es" shape="circle"></area></map>

A entregar al profe! PARTE 3

REPORTE:

• integrantes del grupo
• post (explicra porque razines se han puesto).

EVALUACIÓN
rankin en el buscador. utilizar palabras claves. enlazar a nuestros propios blogs. asociarse con otros blogs.

como utilizar blogger. parte 2

para conectar con twitter:
le damos a la ruedita, luego configuracion, luego widgets. creamos uno nuevo. y copiamos el codigo
para añadirlo al blog:

vamos al diseño del blog. añadir un gatgets. y ahi pegamos la direccion que copiamos del twitter. le ponemos un titulo y guardamos y luego vamos a ver como quedí nuestro blog.

correo del profe: joaquin.trinanes@usc.es

aprendiendo a utilizar el blogger. parte 1

formatear un texto desde Html.
para formatarlo en negrita incluir la etiqueta b. : <b/b>
para incluir una imagen de desde una url: vamos por ejemplo a la pagina de la universidad.

podemos modificar su tamaño mediante el menu de la wi: tamaños, si no nos vale los tamaños que nos da: me voy a html vemos width= es el ancho (" width="400") o el largo : (height="161" )

para hacer que la imagen tenga un enlace: editamos un enlace editando el menu. ponemos enlance y especificamos que abramos en una nueva ventana. asi no desaparece la nuestra.
para la imagen desde el html: href: ponemos aqui el enlace que queramos.

para incluir un fichero de sonido:

desde el dropbox y el google drive podemos compartir un fichero y añadirlo al blogger. para ello hay varios recurso uno de lllos por ejemplo : soundcloud.com (página para compartir canciones, la caracteristica mas importante es que podemos grabar audio) luego upload y grabamos. lo cargamos en nuestra cuenta le ponemos titulo, ibncluir etiquetas, etc. ... luego lo ponemos público para poder compartirlo. debajo de la entrada esta el iicono de compartir. de aqui nos interesa el codigo de widget , vamos al blog y en html: pegamos el codigo. actualizamos (otra forma es poner el link)


para insertar pdf: google drive
tengo una presentacion  en drive , si hago click en ella y a compartir. lo hacemos publico y vamos a html y ahi copiamos el enlace a esa presentacion. lo mismo con un pdf. vamos paso a paso:
- ene el pdf vamos a archivo: insertar este archivo copiamos el codigo html y l pegamos en Html.
 seria esto pero pegado en Html: (  <iframe src="https://docs.google.com/file/d/0B0xM-f-04YCyc2RNUlpzYi04eFU/preview" width="640" height="480"></iframe> )



para insertar powert point:
la selecciono
archivo: publicar en la web: insertar codigo, aqui podemos selccionar el tamaño de la presentacion. en este caso el mas peque. y copiamos y en html.



para crear tablas: si queremos presentar algo relacionado con pares de valores: ejemplo entre 10-12 años el peso medio. entre 12-16 el peso medio. una tabla para relacionar edad - peso: ¿Cómo hacemos eso? con las tablas:  el codigo de esta tabla es HTML es una etiqueta table <table> indicancod que voy a hacer una enntrada y otra de cierre indicando que cierro la tabla: </table>
entonces pongo table border="1">
la siguiente etiqueta es <tr> significa nueva fila>holita</tr>
ojo seguirdo del tr va el td es nueva celda <td>
a ver en HTLM

¿como utilizar blogger?

USC/
USC
fea