El tag IFRAME permite insertar una ventana (un marco) dentro de la misma ventana donde puede incluirse un objeto externo, incluyendo otro documento HTML.
Un iframe no es otra cosa que una ventana que incrustamos en nuestra web para mostrar contenido de una página externa y sobre cuyo contenido no tenemos control alguno salvo que esa página se encuentre en el mismo dominio que la nuestra.
No sabía eso... que bueno!.. pero si insertamos una página con iframes en el blog.. no tardaría mucho más en cargar??
ResponderBorrarEso va a depender de la página que cargues, si está en el mismo servidor será más rápida. Si querés meter Windows Update, puede tardar un par de días.
ResponderBorrarMucha de la publicidad que ves al navegar son IFRAMES algunas veces no la notás pero a veces jamás termina. La barra de navegación de Blogger también es una IFRAME.
Para mi, lo más importante en la velocidad no son los posts (si son "pesados" podés poner menos por página) sino la sidebar que se carga siempre. Chats, video, audio, Flash, imágenes es lo que más tarda. TODO lo que agregás va sumando.
Tomalo sólo como una herramienta disponible. Lo ideal es no abusar de nada e ir probando hasta encontrar un equilibrio.
Si, es verdad, pero a veces cuesta no abusar de determinadas herramientas. Cuando se tiene la posibilidad de brindar algo al usuario, muchos nos "emocionamos" con eso, y empezamos a agregarle muchisimas herramientas a la sidebar...
ResponderBorrarEs inevitable y necesario (experimentar es la forma de aprender). Con el tiempo uno decide qué queda y qué se va, si hay otras cosas mejores, si me aburro y quiero cambiar, que se yo, no sólo las páginas son dinámicas, nosotros también.
ResponderBorrarDe cualquier forma todo es subjetivo, a menos que quieras vender algo, primero que nada, tu blog te tiene que gustar a vos, lo demás viene solo.
Los navegadores que no soportan marcos no pueden abrir tu pagina? o el problema seria si llegan por el buscador a la pagina que abris con el IFrame¿? desde ya gracias
ResponderBorrarEn principio no veo ningún inconveniente para que la página sea vista por navegadores que no soportan marcos. Blogger no las utiliza y yo no las he agregado.
ResponderBorrarHola jmiur! pasaba por aca y bueno me surgio una duda... puedo hacer que el iframe mmuestre el pedaso de pagina que yo quiera?... pregunta rara jajaja :D ... es decir, puedo pocicionar el contenido del iframe a mi gusto? ... con eso evitaria tener q hacer uso de las scrolls ;)
ResponderBorrarNo, en principio no se puede manipular. Eventualmente, con algo de CSS pode llegar a modificarse algo pero, es muy complejo. El contenido a mostrar debería estar pensado de tal manera e poder ser contenido, eso es lo que ocurre con muchas publicidades.
ResponderBorrarHola me ayudo mucho esta entrada y alomejor pensaras que como molesto jjajajaa pero me encontre con algo mas, mira...
ResponderBorrarhttp://www.cineonline1.com/ver-pelicula-x-files-online.html
(ya viste que solo esta el video y su propia propaganda)
¿Acaso lo hace con un archivo js? ¿o de esta misma manera con miles de modificaciones y casi hecho a mano?
Disculpa por tanta pregunta espero que tengas un buen dia!!
Pegaso:
ResponderBorrarPor lo que se ve del código fuente, es lo mismo que la anterior; hay un IFRAME:
<iframe class="noveo" border="0" name="I3"
src="http://www.megavideo.com/?v=I9NKM27U" target="_blank"
rel="nofollow" align="center" scrolling="no" width="488"
frameborder="0" height="526">
La página original sería entonces:
http://www.megavideo.com/?v=I9NKM27U
y allí sí, el reproductor es un archivo de Flash especial que se crea con scripts o pro lo menos, que las usa.
hola, hay alguna forma de, por decirlo de alguna manera, hacer un scroll automatico, para que si el contenido del iframe es extenso se pueda mostrar solo cierta parte, por ejemplo, si fuera una pagina web, y quisiesemos mostrar una imagen que esta por el medio, ¿hay alguna propiedad que lo proporcione?
ResponderBorrarNO importa que sea complicado, me es indispensable, desde ya mil grasias
Lo único que pudes controlar el el ancho y el alto de la ventana; no hay forma de modificar el contenido ni de establecer que partes ver o que partes ocultar.
ResponderBorrarEn Wikipedia ponen el texto alternativo entre etiquetas p pero en tu post están entre corchetes, ¿las dos son correctas?.
ResponderBorrarEs absolutamente indiferente. Lo que se coloca es lo que quieras, un texto, un párrafo (P), una imagen, etc.
ResponderBorrarsaludar es lo primero,
ResponderBorraragradecerte este pedazo sitio que a algunos nos ayuda y maravilla por igual, no es peloteo es gratitud de novato con hachetemeles y ceseses
después de echar un vistazo al post, creo que me ayudaría si pudiera insertarlo en mi blog en la sección karaoke, para colocar una iframe bajo el video con las lyrics
algunas pistas más por favor??
y por cierto que alojamiento externo es digno de confianza para colgar swf, fotos, pdfs para completar la web
mil gracias!
Hola, tengo una pregunta acerca del tema...lo que pasa es que tengo en mi blog dos iframes pero el uno se muestra en lugar del otro y solo se arregla cuando refresco la pgina, como puedo arreglarlo?
ResponderBorrarNo sé exactamente cuál es cual. Tendría que ver el ejemplo online.
ResponderBorrarHola Jmiur, entonces como tengo que hacer para EN MARCAR un video de you tube con un iframe, creo el marco en photoshop, pero como seria el codigo para meter dentro de dicho marco un video desde youtube.
ResponderBorrar¿Y para que usar un IFRAME? Si es un video de YouTube se puede insertar directamente con el código que ellos proveen.
ResponderBorrarTe pediria que entraras a mi blog y veas por que, es como para adornar el contorno, ya que para mi queda muy vacio.
ResponderBorrarperdon no te deje la dir www.santoverdinegro.com
ResponderBorrarGracias.
Entiendo. Podrías poner el objet de Flash dentro de un div, centrarlo, darle un tamaño, márgenes, etc y allí, en ese div, colocar una imagen de fondo o bordes o ambas cosas.
ResponderBorrar<div style=" ......... aqui las propeidades ........ ">
aqui el objeto de Flash
</div>
Jmiur, te pido disculpas por consultarte tanto, pero podrias profundisar un poco mas, a que le llamas propiedades? y cual seria el objet de flash, por ahì se pero todavia no tengo bien claro algunos conceptos.
ResponderBorrardesde ya gracias.
Es una pregunta muy genérica, no sé cuál resultado quieres obtener. El objeto de Flash es el código que has copiado de YouTube. Puedes ponerlo dentro de un div y darle propeidades, enmarcarlo de alguna manera. Por ejemplo:
ResponderBorrar<div style="background-color:red;margin:0 auto;width:500px;border: 2px solid blue;">
aqui el código de YouTube
</div>
JMiur, verdaderamente, una masa, espectacular, si en esta vida y en todo ambito las personas tuvieran tu onda, mataria, gracias man sos lo mas.
ResponderBorrar;)
Espero que haya servido, Santo :D
ResponderBorrarPorque al momento de entrar me direcciona a la pagina que puse.
ResponderBorrarSi la pagina en el IFRAME tiene algún script que hace eso, se ejecutará.
ResponderBorrarJMiur!
ResponderBorrarNecesitaría saber como armar un iframe para colocar allí una publicidad en mi blog. El formato que me da el sitio, excede el ancho de mi sidebar, y para colocarlo en la cabecera o en el cuerpo de una entrada, es demasiado chico.
Se puede hacer? Si? Como?
Gracias de antemano por tu tiempo y ayuda. Y que sigas adelante con este excelente sitio!!!
pd: en caso de que se pueda, por favor, mis escasos conocimientos de html claman que la respuesta sea a nivel "para torpes"... :P
El IFRAME es un "agujero en una página, el tamaño de ese agujero es el que uno quiera pero, el tamaño del contenido no. Por l otanto, lo que importa es que tamaño tendrá ese contenido y eso, sólo es posible cambairlo desde donde este la página a ser cargada. Si el formato que te dan s muy chico o muy grande y ellos no pueden cambairlo, no tiene solución.
ResponderBorrarJustamente, JMiur... digamos que quiero hacer un "agujero" de 300x250 al costado izq de mi blog... Entendés? :) Espacio, hay al costado. El tema es hacerlo al agujero, como algo "externo al cuerpo principal del blog"... como un agregado (definido por mi, claro). Como se puede hacer eso? Gracias!
ResponderBorrarTe entiendo... pero yo no quiero modificar el tamaño de lo que me dan... lo que quiero, es hacer ese "agujero" (de 300x250) en el costado izq del blog, fuera del cuerpo principal, de manera que quede como un agregado y que utilice todo ese espacio que se desperdicia... Como se puede hacer? Gracias!!!
ResponderBorrarEs lo que dice el post; la etiqueta es IFRAME:
ResponderBorrar<iframe width="300" height="250" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" src="XXXXXX"></iframe>
Y allí, debes reemplazar XXXXXXX por al dirección URL de la página externa que quieras mostrar. No sé cuál es esa página.
hola man esta muy bueno este post, pero tengo una pregunta yo veo en muchas pajinas q usan iframe para anuncios adsense mi pregunta es como lo hacen si podrias hacer un post explicando como se hace muchas gracias de antemano por tu ayuda
ResponderBorrarun ejemplo
en esta url esta el ejemplo
http://animesok.webcindario.com/codigos%20html/ejemplo%20iframe.txt
dedonde consigen esta direccion
este codigo nome genera mi adsense como lo consigo gracias
http://adserving.cpxinteractive.com/st?ad_type=iframe&ad_size=728x90§ion=430341
CPXinteractive es un servicio diferente de Adsense. Debes sacar una cuenta allí y ellos te darán los códigos a agregar. Lee las condiciones porque sólo sirve si el volumen de visitas es significativo.
ResponderBorrarHaber si consigues solucionarme esto xD .(Por cierto ya funciona lo mio!)
ResponderBorrarMira :
http://idrid-youtube.blogspot.com/
vas haber como si el iframe quesiese hacerse mas grande xD.
¿Como lo soluciono?
Y aqui el contenido del iframe :
http://idrid-data.blogspot.com/p/cookie.html
Ahhh y por cierto ¿como puedo hacer para que Firefox detecte que estoy poniendo una contraseña y salga el menu diciendo si quiero recordarla?
ResponderBorrarMiguel, no sé qué quieres mostrar ahí; si se trata de una página estática, la altura de 30 pixeles es escasa ya que todo lo que se ve es la navbar de blogger mismo.
ResponderBorrarLo de Firefox es lo que hace por defecto. Fíjate que esté marcado eso en Opciones | Seguridad | Contraseñas.
Eso te pasa por no poner el nombre :).
ResponderBorrarPor cierto tienes que tener los cookies activados.
Si te fijas en el CF ves que hay un Document.Write con esto:
Welcome '+name+'...(Ese dato le recoge promt) y ya no se vera la barra Blogger.
Ah y lo Firefox no era eso , pero ya lo soluciono.
Y si quisiera mostrar solo alguna parte de una pagina???
ResponderBorrarPor ej si quiera mostras solo la parte del game que aparece en esta pagina como deveria hacer??
http://www.paginaswebflash.com/proyectos/GrafittiAplication/aplicacion-flash-graffiti.html
Saludos!!
Eso no es posible. Los IFRAMES muestran las páginas completas y no sectores.
ResponderBorrarPero no podria pocisionarme para que enpiese en alguna parte??
ResponderBorrarNo, como te dije, eso no es posible.
ResponderBorrarPues tenias razon pero eso no evito a que pueda tapar siertas partes para solo mostrar el contenido que quiero. Con la superpocicion de backgrounds o imagenes se puede tapar todas las partes inecesarias o que uno simplemente no quiere mostrar :)
ResponderBorrarPuedes ver como deje la aplicacion que te contaba que queria mostrar anterior mente ;)
http://www.pintagraff.com/p/graffiti-creator.html
Saludos!!!
Mejor míralo en Internet Explorer para ver el resultado. No, no es una buena idea en absoluto; entre otras cosas, porque estás utilizando un contenido que no te pertenece.
ResponderBorrarCon esa respuesta me as echo dudar :S jeje.
ResponderBorrarMe fije en internet explorer y creo que esta todo bien :)) Pero sobre el uso de la aplicacion dudo un poco, aunque creo que esta todo bien sin el las condiciones de uso se explica que todo bien mientras no intente lucrar ni promocionar nada atraves de ella, ademas dejo en claro todos los creditos de la pagina original :)
Hasta ahí llega mi opinión personal. No puedo agregar nada más. Creo que no es una buena idea en absoluto.
ResponderBorrarhola amigo mira yo quisiera tener un marco como este asi de ponerle videos y eso mira para qe lo veas www.rovaldimix.com como lo debo de hacer? cuales serian los codigos gracias :D
ResponderBorrarEso es un IFRAME, dependerá de la página que quieras mostar. Deberás ver el ancho, el alto y la dirección URL necesaria. No es una etiqueta que tenga otras opciones.
ResponderBorrarExcelente, mil gracias, ya pude poner el foro en el blog :D
ResponderBorrarHe puesto un iframe con los elementos compartidos de Google Reader y el Explorer no se ven, en Firefox y demás todo perfecto.
ResponderBorrarQue puedo hacer?
Gracias.
Como no veo el ejmplo, no puedo decirte. Puede ser que en Firefox estés logueado en tu cuenta de Google y en IE no.
ResponderBorrar@Juan
ResponderBorrarPerdona por la falta de datos.
La web es http://rebundancia.blogspot.com y he comprobado que se ve bien en Firefox incluso sin estar logueado.
OK, ahora lo veo. Por lo que he estado leyendo, hay alo en la seguridad e IE que impide que se muestren IFRAMEs con ciertos contenidos. L oque no he encontrado es una explicación exacta para saber qué contenidos se aceptan y cuales no.
ResponderBorrarUna pregunta, quiero incluir un blog de Blogger dentro de un sitio hecho con asp.net, pero al hacerlo me pide una configuracion en el servidor, para manejar una base de datos sqlserver express. Si alguien tiene información acerca de la configuración que solicita Blogger, se la agredecería..
ResponderBorrarEl mensaje es el siguiente:
"Error relacionado con la red o específico de la instancia mientras se establecía una conexión con el servidor SQL Server. No se encontró el servidor o éste no estaba accesible. Compruebe que el nombre de la instancia es correcto y que SQL Server está configurado para admitir conexiones remotas. (provider: Interfaces de red SQL, error: 26 - Error al buscar el servidor o instancia especificado) "
JMiur, se podrá también colocar los post en blogger con iframe y también se podrá hacer lo mismo tanto con los comentarios de face como con los comentario del blog? Saludos Cordiales!
ResponderBorrarLos posts si; fíjate en esta entrada.
ResponderBorrarLos comentarios de FB ... depende ya que para acceder a ellos se debe estar logueado en la cuenta.
Ok, en cuanto a Facebook me refiero al comment box, si es posible colocarlo en iframe con atributos scrolling para también minizar espacio, al igual que los comentarios incrustados en el blog. Garcias!
ResponderBorrarUno de los métodos para agregar un Comment Box de Facebook es utilizar un iframe por lo tanto, no veo qué sentido tendría colocar uno dentro de otro.
ResponderBorrarAmigo, lo que necesito exactamente es aplicarle un atributo scrolling al código, piensó que solo se puede a través de un iframe, o también se puede de otra forma? yo tengo el codigo comment box de facebook dentro de una tabla con imagen al fondo para que se puedan visualizar las letras ya que el fondo de mi blog es oscuro... Lo que quiero con este atributo es minimizar espacio en el blog, al igual si sería posible también con los comentarios propios del blog y con los post o entradas del mismo...
ResponderBorrarPuedes hacer lo mismo dimesionando el contenedor y utilizando la propiedad overflow en cualquier etiqueta de bloque: Listas largas en espacios pequeños.
ResponderBorrarHola JMiur!
ResponderBorrarEstamos preparando un foro para el blog NecroDomo y la idea es ponerlo como un iframe dentro del mismo blog. Por ahora lo mejor que logré es esto pero la pregunta es:
Hay alguna forma de que el alto del iframe se adapte automáticamente a su contenido? Al ser un foro, el height de las páginas es muy dinámico, por lo que no se le puede poner una altura fija al iframe y que se vea todo el contenido a no ser que sea exageradamente superior, lo que no queda del todo bien.
Gracias y saludos!
Eso no es sencillo cuando se trata de páginas que están en diferentes dominios. Fíjate en este script de dynamicdrive.
ResponderBorrarGracias!
ResponderBorrarLo estoy probando. Aunque no funcione en todos los navegadores, es un script interesante, pero como bien dices no es algo sencillo. Puede que lo más simple y seguro sea "copiar" la cabecera del blog al foro, para que sea fácil regresar a la web.
Muchas gracias nuevamente! Saludos.
Creo que si, que esa solución es más razonable.
ResponderBorrargracias por este hilo. Me ha resultado de mucha ayuda
ResponderBorrarHola amigo, te hago una pregunta, yo puse un iframe en mi pagina de internet, quite el scrolling , pero si utilizas la ruedita del mouse, se podes dezplazar, ahy alguna opcion para que no se pueda desplazar con dicha ruedita?
ResponderBorrarLo desconozco, Pelle.
ResponderBorrarGracias, estaba buscando cómo hacer un iframe.
ResponderBorrarHola, JMiur!
ResponderBorrarGracias a ti y a otros muchos como tú, hacéis posible que los demás aprendamos, yo te estoy enormemente agradecido!
Sin embargo, y aunque aún no sé cómo podéis dedicar tanto tiempo a atender nuestras consultas, yo te hago otra:
Mira, para empezar, no tengo mucha idea de códigos ni de cosas raras ;), así que intento solucionar las cosas según me van saliendo, y así me corre el pelo... A pesar de que he empezado 3 blogs, sólo uno me está dando quebraderos de cabeza... casa-andalucia-logrono.blogspot.com
El tema es que les quiero hacer algo mejor que el Facebook que alguien ha creado, me parece bastante cutre. Pero como tiene muchas visitas, no les quiero pedir que lo borren. Así que quiero agregar un iframe al final de mi blog en el que aparezca el Facebook operativo y funcionando, de forma que los visitantes puedan interaccionar con las dos cosas a la vez. El problema es que, como mucho, consigo que se vea el logo de Facebook, que sí, que te desvía a donde quiero, pero no dentro del script, sino que toma el control de la página y el blog desaparece, la página carga el Facebook y punto. Y lo que pretendo es que funcionen las dos a la vez. Por ahí leí que el gmail podía incrustarse con iframe a través de la dirección del móvil, m.gmail..., puede que hasta hayas sido tú quien lo investigó. He intentado hacer lo mismo con Facebook, m.facebook... Pero no lo consigo de ninguna manera.
¿Podrías ayudarme, por favor? ¿O simplemente no se puede desde blogger?
Otro dato que no sé si será importante o dará lo mismo: la dirección del Facebook de la Casa es del tipo numeral (https://www.facebook.com/people/Casa-De-Andaluc%C3%ADa-Logro%C3%B1o/100002521545344).
Desde ya, muchísimas gracias por dedicar tu tiempo a los que necesitamos de tu ayuda!
Eso sea posible, sería un error grave de Facebook si ellos permitieran que pudiera ser incrustado en un sitio web mediante un iframe. Es una red social y por lo tanto, su contenido sólo es accesible a través de las herramientas que proveen.
ResponderBorrarGracias, maestro! Sabiendo que no se puede, por lo menos elimino el gadget y listo, ya no sigo perdiendo el tiempo...
ResponderBorrarMuchas gracias!!!
Hola!! que buenos artículos, felicitaciones!!
ResponderBorrarQuería consultarte algo: soy bastante novata y mi duda es la siguiente, estoy armando un menú vertical (izquierdo)para consultar lineas de productos, al hacer clic sobre cada botón de este menú debería mostrarse un listado de los productos a la derecha del menu. Para lograr esto, en lugar de hacer una html por cada linea de producto es conveniente usar iframe? o como he leído en tantos lugares están en desuso y se recomienda object. Realmente no se cual es la manera mas conveniente ni como hacerlo. Gracias por tu respuesta, me seria de gran ayuda!!
¿Quién dice que los iframes están en desuso? :D Cada vez se usan más y más porque es una forma simple para que un servicio externo controle el contenido que otros, insertan en sus sitios sin que estos deban cambiar nada cuando se modifican. Por eso lo usan desde YouTube hasta Facebook.
BorrarPero, al margen, lo lógico para un menú de productos es que este se encuentre directamente en el sitio y no en un iframe ya que de este modo, se indexará con la url del sitio mismo.