jueves, 23 de mayo de 2013

Obtener el URL de una imagen.

Sólo entra en Creación de entradas | Nueva entrada. Y preferentemente desde la pestaña Edición de HTML da click en el icono de la imagen.

Se abrirá una venatana emergente, ahí selecciona la imagen y dale click en Subir imagen.
Cuando se haya subido verás que en el editor de entradas aparecerá el código de la imagen.


En ese código se encuentra la URL de la imagen. Verás dos URLs (direcciones Web):

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm4PqyTK3YftFO_Ohx9Q1sBzux_o_w8zsj6VXIO-uzYByXVKCSmKrE2w-q5NZxEA0X7L9Bc5yYYnAnQDpN8rgRU9cfp3l6yNdVEOJHyrUMZpWx_057JEezuVQaSKfXv-y6cWmhOr34Ifus/s1600/imagen.jpeg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="320" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm4PqyTK3YftFO_Ohx9Q1sBzux_o_w8zsj6VXIO-uzYByXVKCSmKrE2w-q5NZxEA0X7L9Bc5yYYnAnQDpN8rgRU9cfp3l6yNdVEOJHyrUMZpWx_057JEezuVQaSKfXv-y6cWmhOr34Ifus/s400/imagen.jpeg" /></a></div>

Lo que esta de color celeste es el URL de esa imagen.

Y eso es todo.

Manuel Carrasco Verdugo 2ºBTO.B
Raquel Vargas Menacho   2ºBTO.A

Cómo hacer que cambie la foto a antes y después al pasar el ratón por encima.

Lo único que debemos tener en cuenta es que:
1) Las fotos las vamos a usar en tamaño original, por lo que no deberían ser más anchas que nuestra columna central (si ponemos de 640 de ancho como mucho, sabemos que acertamos, que es la medida para fotos Extra-grande de Blogger).
2) Las dos fotos (la del antes y la del después) es preferible que sean del mismo tamaño para que el efecto quede mejor.


 
 Ahora, cómo conseguir ese efecto en que cambia una imagen de antes a después cuando le pasamos el ratón por encima: 
 ✎ En cuanto tengamos las fotos, lo único que deberemos hacer es, en donde queramos que se vean en el post, poner en HTML:

<img onmouseout="this.src='URL de la imagen antes';" onmouseover="this.src='URL de la imagen después';" src="URL de la imagen antes" />

Puedes usarlo para hacer un menú o poner el antes y después:

 

 ¡Y eso es todo! 
 Si no sabeis cual es el URL de una imagen tenemos un tutorial justo después de esta entrada. 

Manuel Carrasco Verdugo 2ºBTO.B
Raquel Vargas Menacho    2ºBTO.A

Agregar un nuevo administrador en blogger.

Manuel Carrasco Verdugo   2ºBTO.B
Raquel Vargas Menacho      2ºBTO.A

Cómo hacer una encuesta en nuestro blogger.


- Vamos a SurveyMonkey
- Pinchamos en la opción Suscríbase gratis
- Rellenamos nuestros datos y pinchamos en Suscribirse
- Crear encuesta
- Y en Crear nueva encuesta escribimos el título que queramos, elegimos una categoría (yo puse Opiniones de clientes) y clicamos en Continuar
Arriba, donde dice Agua, sale un listado de diferentes "Temas" para elegir el aspecto de nuestra encuesta. Tenemos que elegir uno de esos (que podemos previsualizar abajo).

- Así que elegimos uno de esos "temas" y le damos a Agregar pregunta.
- Ahí escribimos nuestra primera pregunta y el tipo de respuesta que queremos
Según el tipo de respuesta que queramos ofrecer, entonces nos dará a elegir más cosas.
- Después escribimos las respuestas (la propia web nos va dando las explicaciones).
- Save y Next question.
Y así hasta tener todas nuestras preguntas
-  Entonces, Save (en lugar de Save y Next question)
- Enviar encuesta
- Y ahí bajamos hasta que veamos Sitio web y pinchamos en Agregar
- Dejamos Incrustación y elegimos el tamaño (el alto es a gusto del consumidor y el ancho obviamente dependerá del ancho de nuestra columna principal del blog)
- Guardar
- Copiamos el código que nos sale en la cajita
Y aunque en el editor de nuestro blog lo veamos así:
... en nuestro blog sí se ve bien (podéis comprobarlo con la opción Vista previa).

Y esto es todo.


Manuel Carrasco Verdugo   2ºBTO.B
Raquel Vargas Menacho      2ºBTO.A

martes, 21 de mayo de 2013

Como crear un PODCAST

Un PODCAST son enlaces que se crean dentro del BLOGGER que llevan consigo distintos tipos de audio , como por ejemplo: audios de programas, musica , etc. En esta pagina web te explica paso a paso como añadir PODCAST y como poder enlazarlo dentro de los BLOGGER.
Da muy buenas recomendaciones y de gran utilidad.

http://www.slideshare.net/javiaguera/cmo-crear-un-podcast-para-incluirlo-en-un-blog

Como colocar una imagen en un blog

 Esta en la pagina web en la que te explican como puedes insertar una imagen paso a paso dentro del BLOGGER. Da muy buenas instrucciones de como hacerlo y la verdad que es muy útil y funciona muy bien, espero que os sirva de gran ayuda.



http://www.slideshare.net/diegoprofe1/cmo-insertar-imagenes-en-blogger

jueves, 16 de mayo de 2013

¿Como subir cosas a un blog?



Como hacer que caigan corazones en tu blog


Corazones cayendo


Pues esto lo podemos hacer de una manera muy muy fácil y queda bastante bien para las personas que les guste este tipo de Apps.

Para ver un ejemplo: ir al blog de Experimentos 

Tenemos que ir a: Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega ahí los siguiente:

CODIGO HTML



<script language='javascript' type='text/javascript'>
//<![CDATA[
// Script original de Eloi Gallés Villaplana
var numero = 8
var velocidad = 40
var imagenamor = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFcJ3_E1MNjNdbtEw9JQZ3RkpA1xL_ODqpY1Yf8AMVdMaJYM27DyVaWNr9MlcFc0vZZO9PelBa4a-i3ZC3-Z1Za7PqMXJz0xzap8If12T5VIjJHQ36WfoAAUV6ZAdC204n1_QA_CNY-H0/s1600/corazon.gif"
var ns4arriba = (document.layers) ? 1 : 0
var ie4arriba = (document.all) ? 1 : 0
var dombrowser = (document.getElementById) ? 1 : 0
var dx, xp, yp
var am, stx, sty
var i, doc_ancho = 1024, doc_alto = 768
function amor() {
establece_dimensiones()
dx = new Array()
xp = new Array()
yp = new Array()
am = new Array()
stx = new Array()
sty = new Array();
  
for (i = 0; i < numero; ++ i) {
dx[i] = 0
xp[i] = Math.random()*(doc_ancho-50)
yp[i] = Math.random()*doc_alto
am[i] = Math.random()*20
stx[i] = 0.02 + Math.random()/10
sty[i] = 0.7 + Math.random()
if (document.layers) {
      if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
document.write("top=\"15\" visibility=\"show\"><img src=\"")
document.write(imagenamor + "\" border=\"0\"></layer>")
      } else {
      document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
      document.write("top=\"15\" visibility=\"show\"><img src=\"")
      document.write(imagenamor + "\" border=\"0\"></layer>")
      }
      } else if (document.all || document.getElementById) {
      if (i == 0) {
      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
      document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
      document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
      document.write(imagenamor + "\" border=\"0\"></div>")
      } else {
      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
      document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
      document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
      document.write(imagenamor + "\" border=\"0\"></div>")
      }
      }
     }
  
corazon()
}
function corazon() {
for (i = 0; i < numero; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_alto) {
xp[i] = Math.random()*(doc_ancho-am[i]-30)
yp[i] = 0
stx[i] = 0.02 + Math.random()/10
sty[i] = 0.7 + Math.random()
establece_dimensiones()
}
dx[i] += stx[i];
if ( document.all ) {
var imagen = eval("dot" + i )
imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])
imagen.style.posTop = yp[i]
}
else if ( document.layers ) {
var imagen = eval("document.dot" + i)
imagen.left = xp[i] + am[i]*Math.sin(dx[i])
imagen.top = yp[i]
}
else if ( document.getElementById ) {
var imagen = document.getElementById( "dot" + i)
imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'
imagen.style.top = yp[i] + 'px'
}
}
setTimeout("corazon()", velocidad)
}
function establece_dimensiones() {
if (self.innerHeight) {
doc_ancho = self.innerWidth - 50
doc_alto = self.innerHeight - 21
} else if (document.documentElement && document.documentElement.clientHeight) {
doc_ancho = document.documentElement.clientWidth
doc_alto = document.documentElement.clientHeight - 25
} else if (document.body) {
doc_ancho = document.body.clientWidth
doc_alto = document.body.clientHeight - 25
}
}
//]]>
</script>
<script language='javascript' type='text/javascript'>
amor()
</script>

miércoles, 15 de mayo de 2013

Como cambiar el cursor de tu Blogger

Como cambiar el cursor de tu Blogger


Ya hemos visto cómo poner un cursor en forma de cruz  en el blog y hacer que un texto siga al cursor. Ahora veremos cómo poner cualquier tipo de cursor (no animado) al blog, de modo que cuando alguien entre a tu blog el cursor cambie.
  1. Sólo entra a Totally Free Cursors y escoge de entre los cientos de cursores que tienen el que más te guste.
  2. Copia el primer código que está debajo de MySpace Profile 1.0 Codes, o si quieres que el cursor sólo aparezca cuando el mouse pase por encima de un link copia el segundo código.
  3. Ahora entra a Plantilla | Edición de HTML y pega el código antes de la etiqueta </body>
  4. Guarda los cambios y listo.


El cursor lo puedes cambiar las veces que quieras, sólo toma en cuenta que los cursores animados aparecen estáticos en el blog.
El código del cursor insertará un pequeño banner al final de tu blog, pero puedes eliminarlo haciendo lo siguiente:
El código que pegas en tu plantilla es uno como este:
<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Cow Boy MySpace Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/cowboy.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/cowboy.gif"), auto;}</style>
Sólo elimina lo que está en rojo y habrás eliminado la publicidad.

NOTA: Los cursores funcionan en todos los navegadores, sin embargo si usas sólo el segundo código, para que sólo aparezca el cursor al pasar sobre un link, no funcionará en Internet Explorer.-

Ejemplo de alguno de los cursores que podemos poner:

  -> Dragon Fly Glitter Gold 

  -> I Love Justin
  ->Black Glitter Pointers Cursor Set
  ->Blue Glitter Pointer Cursor Set

Todo Sobre Gifs!

Como poner un gif en una entrada

 Hay Varias maneras:

 1ª) 

 - Pinchamos en la Imagen que tenemos A la derecha de: enlace, cuando estamos creando la entrada (Esta imagen es como una foto de un cuadro) 

 - Seguido le damos donde pone: Desde una URL y donde dice: "Pegar la URL de una imagen aquí:" Pegamos nuestra URL del gif. como por ejemplo puede ser: "http://gifsanimados.de/img-gifsanimados.de/h/humor/gif-humor-10.gif"

Así nos quedaría:

  A mi parecer esta es la forma mas fácil y sencilla de hacer, prácticamente tardamos muy muy poco.


 

2ª)

1) Abrir una cuenta en Photobucket (es gratuita).
2) Creamos en Photobucket una carpeta, y le daremos nombre.
3) Subimos nuestro archivo .gif a la carpeta creada en Photobucket. 4) Al subirlo, nos pedirá que le demos un nombre, y lo más interesante, podremos asignarle una URL para que apunte adonde queramos.
5) Pinchamos en “select/unselect all” (aparece debajo de nuestro archivo).
6) Accedemos a “Generate HTML and IMG code”.
7) Dentro de la opción, copiamos el contenido de la caja denominada “HTML clickable thumbnails…”
8) Substituimos el contenido de “<a href=” por el de la URL a la que queremos ir cuando pinchemos en nuestro .gif, sin eliminar a partir del comando “target”. De esta forma hacemos que la secuencia busque nuestro archivo en Photobucket, la inserte en nuestro blog creado en Blogger y haga que al pinchar en nuestro archivo vayamos a la página que nosotros queramos.
9) Consejo para el punto anterior: Primero copiar con el ratón el enlace (situarse dentro de la caja y pinchar con el botón izquierdo, después seleccionar copiar con el derecho); segundo, pegarlo en el portapapeles; tercero, editarlo en el portapapeles.
10) Ya editada nuestra URL en HTML, la copiamos y posteriormente la pegamos en el “gadget” de Blogger denominado “HTML/Javascript”, y guardamos. Ya tenemos nuestro archivo .gif, y animado, en nuestro blog.

 

3ª 

Vamos a entradas y pinchas en imagen donde esta la flechita

 

 

Al mismo tiempo cargamos la imagen en: http://es.tinypic.com/  

 

 

 

 Seleccionamos la imagen que esta en el circulo





y añadimos la url de la imagen que hemos seleccionado

 

 

 y le damos a subir imagen

 

 

 

 

 

 Alguna vez se sube varias veces entonces vamos edición htlm de la entrada y lo veremos así entonces quitamos las imagenes que nos sobran

 

 

 

 

 

 

 Aquí tenemos el gif

martes, 14 de mayo de 2013

Para qué puedo utilizar SLIDESHARE

SlideShare es un sitio web que ofrece a los usuarios la posibilidad de subir y compartir en público o en privado presentaciones de diapositivas en PowerPoint, documentos de Word, OpenOffice, PDF.
Ha sido elegido en 2010 entre de los 10 mejores sitios del mundo para la enseñanza y el aprendizaje en línea. Tiene como principales competidores a Scribd, Issuu y Docstoc. Algunos de los usuarios notables de SlideShare incluyen a la Casa Blanca, la NASA, el Foro Económico Mundial, O'Reilly Media, Hewlett Packard e IBM. slideshare es muy util para hacer trabajos escolares. El servicio de alojamiento es gratuito y los usuarios pueden acceder registrándose o usando el registro de su cuenta de Facebook.


WordPress VS Blogger

wordpress-vs-blogger

¿ Qué es mejor: Blogger o WordPress ?

Todo el mundo que quiere crear un blog se enfrenta con la difícil decisión de elegir una plataforma.
¿Qué plataforma de blogs es la mejor?” Decidir cuál de las opciones es la que mejor se ajusta a tus necesidades es más importante de lo que parece porque si todo va “bien”, no hay problema. Pero, y ¿si llega el momento en que quieres cambiar tu blog de plataforma y luego resulta que hay problemas para no perder todo el trabajo realizado ?



 A pesar de lo que puedas escuchar a otros bloggers, y a pesar de las creencias populares, ni WordPress es mejor que Blogger, ni Blogger es mejor que WordPress. La cuestión es que la pregunta “¿ Cuál es la mejor opción?” está mal formulada…Debería ser “¿ Cuál es la mejor opción para MI blog ?
En lugar de posicionarme en un bando en este artículo, voy a comparar las características de Blogger y WordPress para que puedas hacerte una idea de lo que cada uno de ellos proporciona. Espero que te ayude y aclare algunas de tus dudas…y le des caña a tu blog, sea en Blogger o en WordPress!

BLOGGER

Blogger es un servicio gratuito de Google, y como es de esperar, suele atraer a personas que no quieren gastarse dinero en un blog. Nació con la intención de resultar fácil para los principiantes a la vez que no fuera demasiado restrictiva para los bloggers avanzados.

Ventajas

  • Completemante gratis, sin cargos de ningún tipo.
  • Tiene un Diseñador de plantillas incluido para modificar el diseño, las fuentes y colores de tu blog sin saber nada de código HTML o CSS.
  • Si manejas algo de programación, viene con un editor de HTML para personalizaciones avanzadas.
  • Puedes añadir una montón de gadgets y organizarlos con su interfaz super-fácil, arrastrando y soltando los elementos donde tú quieras.
  • Blogger no muestra anuncios en tu blog.
  • Puedes monetizar tu blog.
  • Se integra bien con otros servicios de Google, como Google Friend Connect y Feedburner.

Desventajas

  • No hay muchas plantillas para elegir.
  • El Sistema de comentarios es bastante malo (aunque eso se puede arreglar cambiando a IntenseDebate o Disqus, por ejemplo).
  • Sólo se pueden crear un máximo de 10 páginas estáticas/fijas.

WORDPRESS

Lo que hay que tener en cuenta al considerar WordPress es que en realidad hay dos versiones: WordPress.com y WordPress.org. Son muy diferentes la una de la otra, y también de Blogger, así que voy a dar una breve descripción de cada una para discutir las diferencias.

WordPress.com

WordPress.com está diseñado para personas que quieren crear un blog de forma rápida y sencilla, sin tener que preocuparse por los problemas de alojamiento y personalización.

Ventajas

  • Más fácil de usar que WordPress.org, sobre todo para nuevos blogeros.
  • Alojamiento web gratuito.
  • Hay más de 100 plantillas o themes donde escoger.
  • Más posibilidades respecto a los Autores en el blog que en Blogger.
  • Tienes para escoger entre un montón de widgets (gadgets) para añadir a tu blog.
  • El software de WordPress se actualiza automáticamente cuando sacan una nueva versión, todo automático.

Desventajas

  • Para utilizar un nombre de dominio personalizado, tendrás que pagar una suscripción anual, además de los costes del nombre de dominio.
  • No se pueden usar themes o plantillas personalizadas.
  • No se puede editar el código de tu blog PHP fuente, pero se puede comprar una “actualización” que permite la edición del código CSS (esto es como cobrar por respirar aire…).
  • No se pueden instalar plugins.
  • A veces se muestran anuncios de texto de Google en tu blog.
  • Va en contra de los términos del servicio monetizar tu blog (si está permitido en algunos casos, leer más aquí).
  • No se puede hacer uso de Javascript.

WordPress.org

WordPress.org es seguramente la mejor posibilidad para las personas con conocimientos técnicos, que quieren un control total sobre su blog, y que están dispuestos a pagar por alojamiento web. Atrae a mucha gente que quiere crear un sitio web o blog para su negocio, pero también funciona muy bien para los aficionados ya que en sí, los costes de alojamiento web y registrar un dominio a esos niveles no supone más que unos 50€ al año, si rebuscamos bien entre proveedores.

Ventajas

  • Es software libre, de código abierto,gratis.
  • Hay una amplísima oferta de themes/plantillas de pago o “premium themes” ya que cada vez se usa más y eso genera que más diseñadores se presten a crearlas y venderlas online.Tambien existe la posibilidad de subir su propio diseño como plantilla.
  • Tienes control total sobre todos los aspectos de tu blog (PHP,CSS,plugins,widgets,etc…).
  • Usando un blog de WordPress.org nunca se van a mostrar anuncios que no sean tuyos en tu blog.
  • El blog es tuyo así que puedes rentabilizarlo de la manera que prefieras, con Adsense, Groupon,DoubleClick,Infolinks y cualquier otro.
  • Variedad enorme de widgets para añadir a tu blog, casi siempre gratuitos o con versión free.
  • Más posibilidades respecto a los Autores en el blog que en Blogger.
  • Puedes instalar plugins para características adicionales.
  • Puedes utilizarlo para crear blogs, pero también sitios web usándolo como CMS principalmente.

Desventajas

  • Tienes que pagar mensualmente por un servicio de alojamiento web.
  • Tienes que actualizar el software manualmente, cuando sacan una nueva versión (muy importante sobre todo las que afectan a la seguridad, que luego muchos se olvidan y pasa lo que pasa).
  • Si tienes necesidad de copias de seguridad, tendrás que hacerlas tú mismo.

Nuestro Consejo

Al determinar cuáles son las funciones más importante para ti y tu blog, podrás elegir la plataforma que más te convenga. Por ejemplo, si estás buscando que el blog no te cueste un duro, sin duda deberías encaminarte a crearlo bajo Blogger o WordPress.com. Si quieres tener acceso a funciones avanzadas de personalización, sin pagar suscripciones, las opciones serían Blogger y WordPress.org. Pero, si quieres diseñar y personalizar tu blog sin necesidad de tocar ningún código, Blogger es tu única opción.
Si estás tratando de decidirte entre Blogger y WordPress.com, te sugiero que pruebes con Blogger, porque a pesar de que WordPress.com tiene una mayor variedad de plantillas, está muy “anclado” a esos themes. Con Blogger, hay cientos de plantillas que han creado usuarios que se pueden descargar y cargar en tu blog de ​​forma gratuita. O bien, puedes personalizar una por defecto con el Diseñador de plantillas que trae (super-sencillo). Desde luego en este sentido Blogger te da más libertad para personalizarlo.

Conclusión

Esperamos desde Bloggeros.org que ahora tengas más claras las principales diferencias entre Blogger y WordPress, y que puedas elegir la plataforma sobre seguro y comenzar a escribir. Los blogs pueden ser una experiencia agradable, pero puede convertirse en dolores de cabeza si haces la elección incorrecta.Suerte y cualquier duda o sugerencia que tengáis, comentadlo aquí abajo!

martes, 30 de abril de 2013

Cómo publicar un vídeo desde YouTube (3ª parte)

De nuevo le damos a la plaqueta de cine para insertar vídeo.


Pero esta vez, al abrirse la pestaña hay que seleccionar en la columna de la izquierda, la segunda opción (Desde YouTube).


Al instante aparecerá una barra de YouTube para introducir el nombre del vídeo que queramos subir.


Luego, buscamos el vídeo y lo seleccionamos en todas las búsquedas que nos aparecen.

Tras todo esto, nos aparecerá el vídeo y solamente tendremos que publicar la entrada.


Cómo publicar un vídeo desde el PC (2ª parte)

Otra manera para publicar un vídeo desde YouTube en una entrada es dándole al icono que se encuentra a la derecha de la barra de herramientas, una claqueta de cine (insertar un vídeo).


Luego, se le da a seleccionar el vídeo para subir, que aparecerá en una ventana como la siguiente:


Tras este proceso saldrá lo siguiente:


Donde tendremos que seleccionar el vídeo que queramos subir desde el ordenador.

Tras haberlo seleccionado, nos aparecerá en la pantalla y podremos colocarlo donde queramos en nuestra entrada si pulsamos el botón izquierdo del ratón sobre el mismo vídeo. Inmediatamente estará subido el vídeo cuando publiquemos la entrada.

jueves, 25 de abril de 2013

¿Cómo diseñar tu blog?


En esta entrada vamos a aprender a diseñar tu blog. El diseño del blog es muy importante ya que dependiendo de tu diseño y otras alternativas puedes llamar mucho más la atención para que la gente lo lea. Los pasos para tener un blog llamativo son los siguientes:


  1. Una vez dentro de tu escritorio le das a ``ver blog´´. Cuando estés en tu blog, mira en la esquina derecha y pinchas en  ``Diseño´´(en la imagen de la derecha está señalado) . Cuando le des, te aparecerá una pantalla para que elijas el blog que quieres diseñar. Cuando lo decidas solo tienes que darle al rectángulo naranja situado debajo de la imagen donde pone `Personalizar´                                                           
  2. Si el paso anterior lo has realizado correctamente deberías de estar en la pagina de la derecha. Puedes comenzar por las platillas eligiendo la que más te guste.También puedes elegir  el fondo de tu blog, el color o una imágen. Ajustar el ancho que quieras darle a tu blog. En diseño puedes organizar la ubicación de tus gadgets, eliminarlos o crearlos.    
  3.  Para terminar, te vas a la esquina derecha donde hay un rectángulo que pone `Aplicar al blog´, una vez pulsado tu blog ya está diseñado.
Ten imaginación para diseñar tu blog, es muy importante que mantengas una buena vista, de ello dependerá tus visitas.

Publicado por: Sara Peña García. 


miércoles, 24 de abril de 2013

Cómo añadir un contador de visitas a tu blog.

Para añadir un contador de visitas a la página web solo debemos seguir unos pasos:  
1. Lo primero que tenemos que hacer es abrir el navegador y introducir la siguiente dirección:  http://links.itaringa.net/go?http://contador-de-visitas.com/ 




2. Una vez estemos en la página, seleccionamos ''Ver todo'' y el tipo de contador que queremos, haciendo clic en la pestaña y eligiendo el formato que se quiere. En nuestro caso eligiremos el rojo y negro para nuestro blog. A continuación, elegimos el valor inicial del contador, que generalmente es 0. Aceptamos y copiamos el código que nos viene.





3. Nos vamos a nuestro blog, y entramos en diseño → añadir un gadget → Lo básico → HTML/Javascript. Introducimos el código que antes hemos copiado y aceptamos. 




4. Nos vamos a nuestro blog y actualizamos la página. ¡Ya está!





    Cómo agregar un vídeo desde YouTube (1ª parte)

    Vamos a explicar cómo pasar un vídeo desde YouTube por medio del código HTML. Se utiliza el código que está en embed o embedido (insertar) en el vídeo desde YouTube.


    A continuación copiamos el código Embed de YouTube y lo pegamos en el código HTML, que se encuentra a la izquierda de la barra de herramientas de la entrada.

    Luego le damos a vista previa para confirmar que está añadido y, cuando tengamos esa seguridad, publicamos la entrada.



    viernes, 19 de abril de 2013

    Cómo modificar el texto (Parte 1ª)

    Hola a todos, en este tutorial vamos a aprender cómo cambiar la imagen de nuestro texto. Antes de empezar, vamos a decir que hay dos formas principales para la modificación del texto: los códigos HTML y los BBcode. Hoy nos vamos a centrar en los HTML, principales de blogger.

    Los códigos HTML son muy usados, junto a la escritura java para crear diferentes páginas web y textos de todo tipo. (para videojuegos flash, por ejemplo) Para nosotros en blogger, HTML sirve para poner el texto en negrita, cursiva, subrayarlo, etc.

    ¿Cómo usar los HTML?
    Aquí en Blogger, tenemos dos formas diferentes de usarlos en nuestro texto. La primera es clicando los botones que vemos justo encima de nuestra ventana de texto (las letras "B", "I", "U",...) o bien introduciéndolos nosotros mismos.

    Para introducirlos por nuestra cuenta, hemos de clicar la pestaña "HTML" que está encima de nuestra caja de texto, a la izquierda del todo. Una vez clicada, pasaremos a tener la misma caja de texto pero con una peculiaridad: si introducimos los  códigos correctos, cuando le demos a "Redactar" o publiquemos la entrada, podremos ver nuestro texto modificado.

    Los códigos más usados son los siguientes:
    <b>Negrita</b>
    <i>Cursiva</i>
    <u>Subrayado</u>
    <s>Texto tachado</s>
    <color=color>Color del texto (sustituir "=color" por el color deseado</color>
    <img>Insertar imagen</img>
    <right>Texto a la derecha</right>
    <left>Texto a la izquierda</left>
    <center>Texto centrado</center>
    <justifi>Texto repartido (como en los libros)</justifi>
    <url>link hacia una página web</url>
    --> Si se usa <url=texto("aquí", "en este link",...)> en ligar de ver el link (http://google.com, por ejemplo, veremos el mensaje que pusimos en "=texto")

    Con estos códigos, se puede enriquecer un texto y conseguir llamar la atención de los lectores a cosas que consideremos importantes o deseamos que lean. De la misma forma, dará un mejor aspecto a nuestra entrada y no la hará parecer tan monótona al ser solo un texto sobrio y continuo sin nada interesante.

    Esperamos que este tutorial os haya gustado y uséis lo aquí explicado para vuestras entradas. Saludos.

    Esta entrada ha sido realizada por José Manuel Moreno.