miércoles, 11 de marzo de 2009
martes, 10 de marzo de 2009
Alojar archivos para compartir en Google sites
Blogger no permite subir archivos de ningún tipo (únicamente imágenes y vídeos), y hemos de usar un servicio externo, como puede ser: google sites.
El proceso que seguiremos para alojar los archivos que queremos compartir será el siguiente:1. Vamos a la página de google sites, y entramos con nuestra identificación de blogger o de gmail: en principio es un servicio más de google.
2. A continuación, se nos abrirá una interfaz y buscaremos la opción “Crear nuevo sitio”, y haremos clic.
3. Posteriormente, tendremos que rellenar un formulario, en el cual son especialmente importantes los siguientes campos: Hemos de recordar el valor que damos al nombre del sitio y tendremos que recordarlo para crear en el enlace desde nuestro blog. En campos “Compartir”, ha de tener el valor “Todo el mundo puede acceder ”, con la finalidad de que cualquier persona pueda descargar un archivo de nuestro blog.
4. En esta pantalla haremos clic en la pestaña “Adjuntar”, aparecerá un desplegable en el cual seleccionaremos el archivo de nuestro disco duro que deseamos subir. Después de un breve período de tiempo nos avisará de que ha terminado de subir el archivo. Para subir más archivos bastará con pulsar otra vez en “Examinar”, y seleccionar el archivo que queramos subir a google sites.
5. En este momento, ya tenemos el archivo subido y únicamente tendremos que hacer el enlace desde blogger al elemento que acabamos de subir. A continuación vamos a nuestro panel de blogger, y creamos la entrada donde queramos compartir el archivo.
6. Escribiremos el texto con el que deseemos compartir nuestro archivo, lo seleccionaremos y pulsaremos el botón o Link. A continuación se nos abrirá un enlace en el que escribiremos la ruta del archivo que queremos compartir que será algo similar a: http://sites.google.com/site/titulodetusitio/Home/Archivosubido.pdf El título es el punto que recalcaba que teníamos que recordar del punto 3, y el nombre del archivo lo veremos junto al texto subido. Una vez hecho esto ya habremos compartido el archivo.
Seguir Leyendo!Insertar buscador de google
Los pasos para ponerlo en nuestra web serán los siguientes:1. En primer lugar, vamos a nuestro panel de blogger, y elegimos la pestaña “Diseño” y la subpestaña “Elementos de página”.
2. A continuación elegimos “Añadir nuevo elemento de página”, y elegimos la opción HTML/Javascript.
3. Finalmente, para terminar copiamos el siguiente código HTML, reemplazando NOMBRESITIO por el nombre de tu sitio, y DIRECCIONSITIO por la correspondiente URL (algo de la forma http://tublog.blogspot.com). Para que todo esté correcto en total se han de hacer 3 cambios. fg
<form action="http://www.google.com/search" method="GET"> <input value="UTF-8" name="ie" type="hidden"/> <input value="UTF-8" name="oe" type="hidden"/> <table bgcolor="#FFFFFF"> <a href="http://www.google.com/"> <img border="0" alt="Google" src=" http://www.google.com/logos/Logo_40wht.gif"/> </a> <input maxlength="255" value="" name="q" size="15" type="text"/> <input value="Buscar" name="btnG" type="submit"/> <font size="-1"> <input value="DIRECCIONSITIO" name="domains" type="hidden"/><br/><input value="" name="sitesearch" type="radio"/> la web<input checked value="DIRECCIONSITIO" name="sitesearch" type="radio"/> NOMBRESITIO<br/> </font> </table></form> |
Tamaño de las imágenes
Blogger asigna el tamaño de las imagenes tomando como referencia el numero de pixeles del lado más grande, y proporcionando el lado pequeño. El tamaño de las imágenes medianas es de 320px, el de las imagenes grandes 400px y el de la imagenes pequeñas 200px. Pero podemos asignar un tamaño de imagen a voluntad de dos formas:
- Cambiar el tamaño de la imagen desde "Redactar" Seleccionamos la imagen pulsando con el boton izquierdo del ratón sobre la imagen, seguidamente nos situamos sobre uno de lso ocho cuadrados blancos. Con los cuadros centrales podemos aumentar las dimensiones de altura o amplitud, de forma separada; con los cuadrados de las esquinas el cambio es de ambas direcciones, siendo el cambio equilibrado y proporcionado.
- Cambiar el tamaño de la imagen desde "Edición de HTML" Simplemente has de buscar en el código HTML de la imagen las palabras hieght y width, junto a cada una de ellas viene el valor numérico, que tienes que cambiar para variar las dimensiones de la imagen. Puedes de este modo deformar la imagen o mantener la proporcionalidad de los lados, segun nos interese. La forma más sencilla de mantener la proporcionalidad es dividir a la mitad. Escogeremos un tamaño grande si queremos ver mayor detalle en la imagen, optaremos por tamaños pequeños para que la columna de texto junto al cuerpo no sea excesivamanete estrecha. Como curiosidad comentar que 400px de ancho es la anchura de algunas de las plantillas básicas de google, como minima strech.
Seguir Leyendo!
Ocultar la barra superior
Para ocultar la barra superior de Blogger, tendremos que indicar en los estilos que la barra va a tener las siguientes propiedades
.Navbar{
visibility:hidden;
display: none;
}
#navbar-iframe{
height:0px;
visibility:hidden;
display:none
}
lunes, 9 de marzo de 2009
Insertar buscador
Para insertar el buscador hemos de hacer lo siguiente:
1. Ir a la pestaña diseño del blog, y seleccionar la subpestaña “Elementos de página”.
2. Pulsar “Añadir nuevo elemento”, y seleccionamos “HTML/JavaScript”.
3. Copiar el siguiente código:
<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Buscar" type="submit"/></form>
4. Guardar los cambios y hacer alguna pequeña prueba para observar que todo funciona bien.
Suscribirse a:
Entradas (Atom)