Páginas

15 ene 2010

Ver o Incrustar otra web en tu blog


Hacer que se vea en una entrada, columna, footer... otra web es bien sencillo con una simple orden. Basta usar "iframe" para darle una anchura y altura que nos guste.

Alguien se preguntará, ¿para qué sirve?. Sólo puedo responder:

1. Sobre todo enseña una web sin que salgan de la tuya o tu blog. Puede ser una fórmula para que tus visitas se queden algo más de tiempo al mostrarle esa facilidad.
2. Para reducir el número de pestañas abiertas en los navegadores.
3. Mostrar una entrada antigua sin necesidad de colocar un enlace para abrir o cerrar una página.
4. Un truco para experimentar.

■ En este blog lo he usado varias veces con los siguientes ejemplos:




<iframe src="http://www.ismyblogworking.com" width="520px" height="210px"></iframe>


<iframe src="http://blogdeladymarian.blogspot.com" width="550px" height="200px"></iframe>


El modelo a seguir es:


<iframe src="url-de-la-web-que-desees-mostrar" width="nº-de-ancho px" height="nº-de-alto px"></iframe>

**Recordad que width o height se expresan en píxeles (px). P.ej: 420px - 550px - 670px ...


Estas instrucciones se pueden colocar en una entrada de nuetro blog o en un gadget HTLM/Javascript si queremos colocarlo en algún lado de nuestra sidebar, footer, crosscol...


Actualización:

Para que no salgan las líneas deslizantes en los bordes es necesario añadir la orden:

scrolling="no"

dentro de la opción iframe .P.ej:


<iframe scrolling="no" src="url-del-sitio-web" width="550px" height="200px"></iframe>






Un apunte más...



23 comentarios:

  1. Anónimo15/1/10

    Ya se que no soy original pues te lo han dicho antes...¡ERES UNA GENIA!,

    MUCHOS ABRAZOS

    ResponderEliminar
  2. Jolin chica lo que descubres y sabes.
    Me dejas atónita genio.
    Besitossssssss

    ResponderEliminar
  3. Hola Holaaaa Adelfa
    Nooooo, todo lo contrario. Ya quisiera ser tan sabia como tú. Eres un ejemplo a segur.
    Miles de abrazotes enormes!!

    Requete holaaaa Anita
    Nooo, ni hablar. Es algo muy simple...
    Ya quisiera tener tus conocimientos. Es más ojalá supiera darle caña al clero "donde más le duele" con tus posts magistrales.
    Miles de abrazotes!!!

    ResponderEliminar
  4. Hola Lujo, vaya yo poniendo enlaces een el blog y sin darme cuenta como funcionan, lo hago como vo que se hace y lueog no se si se abre otra págino o no y esas cosas.

    ¿que es eso del "iframe"?

    Besitos
    el lio de Abi

    ResponderEliminar
  5. Re Re Re Holaaaa Abi
    Intento responderte, ¿ok? (^_-)

    No te confundas, por favor. Los enlaces que mencionas son una cosa y el "truco" que se muestra a continuación, es otra.
    Intenta separar ambos conceptos.
    Los enlaces que sueles realizar en tu web son los correctos, del estilo que se muestra en
    http://blogdelujo.blogspot.com/2009/10/enlaces-en-otra-ventana-targetblank.html

    El iframe entre otras cosas, (piensa que no soy informática)(*^o^*) , es un código HTLM que inserta o incrusta un documento HTLM dentro de otro documento HTLM principal.
    Te pongo un ejemplo práctico con el que creo acabarás de entenderlo:

    Cuando te conocí tenías otro blog. Supongamos que éste todavía existe con toda la información que en su día contenía.
    Mediante estas instruciones podrías hacer que desde tu nueva web (.com) se viera tu antiguo blog.
    Es como dibujar una ventana en tu web.
    Para aclarar el concepto he colocado el ejemplo del Blog de LadyMarian para que se entendiera mejor.

    Espero haberte aclarado alguna idea. (#^_^#)

    Si me dejas algo de tiempo te dedico una entrada con los enlaces. Seguro que te será de utilidad alguna vez.

    Abrazotes enooormes!!!

    ResponderEliminar
  6. Hooola!! Qué sorpresa! Me has usado para dar el ejemplo. Gracias! Qué lujo es aparecer en el Blog de Lujo! ;P
    El truco me encantó! Súper original y además es cómodo para el lector.
    Besos

    ResponderEliminar
  7. Re Re Holaaaaaa LadyMarian,
    No sabía de quien echar mano (#^_^#). Sí, me aproveché pues estabas con la guardia baja (-^o^-) (^_-)
    Lo puedes hacer más grande o pequeño...según tus preferencias.
    Abrazotes intensos!!

    ResponderEliminar
  8. Como esta quetal tiene usted un blog muy interesante yo recien estoy empezando
    por favor quisiera que me ayudes se que hay plantillas de blog si tienes alguna direccion por favor enviamela y una cosa tambien importante.
    como hago para cargar esa plantilla a mi blog
    MUCHAS GRACIAS POR LA TENCION PRESTADA
    Y SI ME LO ENVIA LE ESTARE AUN MAS AGRADECIDO
    mi correo es cesarivan007@hotmail.com

    ResponderEliminar
  9. Hola CESAR,
    Respuesta concreta,
    1. http://blogdelujo.blogspot.com/2009/08/templates-para-blogger-consejos-y.html

    2. http://blogdelujo.blogspot.com/2009/09/cambiar-plantilla-template-consejos.html

    Saludos.

    ResponderEliminar
  10. Consulta, y si yo quiero que se muestre la página desde un par de coordenadas y no siempre desde la esquina superior izquierda? No encontré ninguna propiedad en el Iframe para esto.
    Gracias por la ayuda que puedas darme.

    ResponderEliminar
  11. @sebagiar Hola,

    No hay una manera sencilla de solucionarlo. Para empezar dependerá de la web que quieras "insertar" y de si tiene un ancla que lo haga posible.
    Siento no poder ser de más ayuda.
    Un saludo

    ResponderEliminar
  12. tengo una pregunta.. uno cuando hace esto de ver una web dentro de otra, crea la ventana y todo.. se puede achicar el tamaño de la web q redirigimos asi queda bien y no hace falta estar moviendose con las barras de desplazamiento??

    espero q se entienda, sino lo vuelvo a explicar

    ResponderEliminar
  13. @wolfi,
    La respuesta concreta es: no. No puedes influir sobre la otra web que estás incrustando.
    Saludos!

    ResponderEliminar
  14. felicitaciones por tu blog no sabes cuanto me ha ayudado .
    te quisiera hacer una pregunta de una duda que tengo.
    tengo un blog al cual modifique toda la plantilla que viene por defecto en blogger y le incruste por medio de
    la etiqueta (iframe) una web completa...
    mi pregunta en concreto es si me pongo a promocionar este blog con la web clonada y la enlazo en articulos en otros blogs en redes sociales etc etc. google la ranqueara?

    muchas gracias y espero tu respuesta
    muchos saludos

    ResponderEliminar
  15. @mike
    Tu perfil no está disponible por lo que no puedo ver directamente lo que me explicas. De ahí que no concrete mi respuesta.

    Ya que me preguntas supongo que tendrás permiso expreso y por escrito para hacer lo que me explicas.
    Saludos!

    ResponderEliminar
  16. está más que interesante y útil
    aunque lo que en verdad necesito es colocar la entrada de una de las páginas estáticas de mi blog, y que no me muestre todo el blog
    ¿o puede mostrarlo en miniatura?
    saludos y gracias por los tips

    ResponderEliminar
  17. @alberto zelada garcía
    Lo siento, pero no entiendo la pregunta.
    Saludos!

    ResponderEliminar
  18. nonono!!q genial eres!!!!! gracias d veras!!! esta genial esto d usar codigos ..he aprendido mucho desde q tengo mi blog... gracias (#^_^#)

    ResponderEliminar
  19. @►Lια-ѕαмα
    De nada!!
    Lo importante es que hagas lo que te gusta.
    Abrazotes!

    ResponderEliminar
  20. hola tu crees que se pueda jalar de un blog solo los post a un Iframe

    ResponderEliminar
  21. @rene
    sorry, no entiendo tu pregunta

    ResponderEliminar
  22. Gracias me ha sido muy util

    ResponderEliminar
  23. De super lujo! pase varias horas buscando la solución que vos ofreces acá, lo probé y funciona a la perfección! gracias!

    ResponderEliminar

(-^o^-) (^_-) (#^_^#) (ÖoÖ) (*^o^*) (>_<) ( ̄へ ̄)(;_・) (ô_Ó) (O_O) (ˇ~ˇ) (ToT)(Q____Q) ಠ_ಠ (。◕‿◕) [(--)]ZZzzz

- Si el comentario es anónimo hay muchas posibilidades que no se publique.