Vas a verlos por categorías, son las etiquetas.

Tenes el listado total, buscando por titulo de entrada.

Los post de ayuda están ordenado por mes.

Un listado de amigos, los que me linkean, si no estás avisame.

Podes tenerme en tu blog con un banner. Si queres algún color pedime que lo armo.

Galeria de fotos !!!!

Mira como funciona [ACA]

Verán las maravillas de la humanidad.
Marcando en el lugar donde se encuentran aparece la foto con una descripción abajo.
Esta es otra manera muy linda de mostrar las fotos en nuestro querido blog. Solo tenemos que encontrar un hosting para que nos dé la dirección de la foto. Pegarlo en el código que te doy y más abajo configurar la descripción de la misma. El código va tal cual está arriba. Vas a ver donde van las fotos, el titulo y la descripción.

Abri - Cerra



    [+/-]Abrir código


      <form name="dynamicselector">
      <table border="0" width="35%" cellspacing="10" cellpadding="10" height="178">
      <tr>
      <td width="35%" valign="top" align="left">
      <select name="dynamicselector2" size="14" onChange="generateimage(this.options[this.selectedIndex].value)">

      <option value="http://img518.imageshack.us/img518/3032/57747277nh2.jpg">Atenas</option>
      <option value="http://img213.imageshack.us/img213/1782/67395414ze4.jpg">Camboya</option>
      <option value="http://img220.imageshack.us/img220/4454/82217204yb3.jpg">Yucatán</option>
      <option value="http://img90.imageshack.us/img90/8439/70400834fy7.jpg">Roma</option>
      <option value="http://img530.imageshack.us/img530/4373/17974226wb8.jpg">Moscu</option>
      <option value="http://img529.imageshack.us/img529/3897/31705826ju2.jpg">Cusco</option>
      <option value="http://img527.imageshack.us/img527/1117/52445055ua5.jpg">China</option>
      <option value="http://img518.imageshack.us/img518/1894/38018413xx1.jpg">El Cairo</option>
      <option value="http://img213.imageshack.us/img213/3253/56482445ks7.jpg">Jordania</option>
      </select>
      </td>
      <td width="65%" valign="up" align="left"><ilayer id="dynamic1" width=100% height=78><layer id="dynamic2" width=100% height=78><div id="dynamic3"></div></layer></ilayer></td>
      </tr>
      </table>
      </form>

      <script>

      //ACA VA LA DESCRIPCION ("" for blank)
      var description=new Array()
      description[0]="La Acrópolis"
      description[1]="El templo de Angkor"
      description[2]="Chichén Itzá"
      description[3]="Coliseo"
      description[4]="Catedral San Basilio y Kremlin"
      description[5]="Machu Picchu"
      description[6]="Gran Muralla"
      description[7]="Las pirámides de Giza"
      description[8]="Petra"

      var ie4=document.all
      var ns6=document.getElementById
      var tempobj=document.dynamicselector.dynamicselector2
      if (ie4||ns6)
      var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
      function generateimage(which){
      if (ie4||ns6){
      contentobj.innerHTML='<center>cargando imagen...</center>'
      contentobj.innerHTML='<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>'
      }
      else if (document.layers){
      document.dynamic1.document.dynamic2.document.write('<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>')
      document.dynamic1.document.dynamic2.document.close()
      }
      else
      alert('You need NS 4+ or IE 4+ to view the images!')
      }

      function generatedefault(){
      generateimage(tempobj.options[tempobj.options.selectedIndex].value)
      }

      if (ie4||ns6||document.layers){
      if (tempobj.options.selectedIndex!=-1){
      if (ns6)
      generatedefault()
      else
      window.onload=generatedefault
      }
      }

      </script>



    Configurar:

    Para subir las fotos mira aca:

    <option value="http://img..........">Titulo de la foto</option>

    Entre option pones la imagen y después el titulo, que va a ser la referencia para la foto (ejemplo: Atenas).

    Despues vas a ver que en el código está marcado donde va la descripción (entre comillas).

    Y para ver las medidas mira aca:

    <table border="0" width="35%" cellspacing="10" cellpadding="10" height="178">
    <td width="35%" valign="top" align="left"><select name="dynamicselector2" size="8"


    Un dato: Para subirlo al blog tenes que hacerlo desde "añadir un elemento de página" y luego lo arrastras donde entre bien.

    Abrazos y besos

8 comentarios :

Moisés dijo...

Hola césar, felicidades por tu blog de ayuda. He visto este post y me ha gustado, por eso he decidido aprobechar lo que aqui enseñas para publicar unas fotos. Yo lo que he hecho ha sido encontrar esas fotos en internet copiar y pegar su URL en donde tu has dicho. He seguido los pasos y llego a esto http://rincondemdc.blogspot.com
(miralo tu mismo)
no me sale bien. El último paso si que no lo entiendo, el de un dato:..
te agradecería que me contestaras. Gracias

Blog de César dijo...

Hola Moises!!!
Lo que decía, en relación al dato, es que este truco no anda si lo subís como entrada.
Tenes que hacerlo desde "añadir un elemento de página"
Pasos:
1) Entras al blog
2) Diseño
3) Y en elementos de página añadís el código.
Luego lo arrastras donde mejor te parezca. Por la medida es conveniente ponerlo arriba o abajo de las entradas.
Saludos y buena suerte !!!

Antero dijo...

Hola César, aunque no suela escribir mucho, me paso por aquí de vez en cuando. Me ha gustado mucho este post y me gustaría implementarlo en mi blog, el problema es encontrar fotos que tengan relación, con tiempo lo pensaré y seguro que se me ocurre algo

Un saludo

Carolina Baeza dijo...

Hola crack! ultimamente estas dando unos datos increibles!! el real time de html editor es lo mas, este truco de las fotos es chulisimo!! que crack de verdad..saludos

Carolina Baeza dijo...

Cesar, empece a hacer este truco con un monton de fotos y todo iba bienhasta que no se porque, en la foto 22 se desconfigura el comentario, no corresponde con el que pongo, las fotos se ven bien y en orden, pero los comentarios no, yo he ido enumerando los comentarios consecutivamente, por mas que miro no encuentro el error, se te ocurre porque puede ser? abrazo

Blog de César dijo...

Hola belleza!!
Perdón pero recién veo tu mensaje.
No sé si ya resolviste este problema que me planteas.
A mi me parece que podía ser que no se banca tantas fotos.
Besos

Blog de César dijo...

Estimado Antero!!
Espero hayas encontrado las fotos, para que te sirva este truquito.
Cualquier cosa avise amigo, que hay varios bancos de imágenes que pueden ser útiles.
Abrazo!!

Anónimo dijo...

Muy bueno tu blog. Me ha servido de mucha ayuda porque yo no tenía ni idea de blogs y tu me enseñaste. Muchas gracias.Te dejo mi página:http://lasorianita24.blogspot.com en la que escribo cuentos, novelas, relatos...

Hola, que tal!!!
Podes mirar, copiar, sugerir y/o desechar, todo es gratis, lo único que te pido
no borrés los créditos de las plantillas y me linkees si podes.
Abrazos, buena suerte y más que suerte!

Blog de César [ayuda para blogger]
 
ir arriba <body> . </body>