howtoscomos: iframe

Mostrando entradas con la etiqueta iframe. Mostrar todas las entradas

Amazon banner opening on same window - banner de Amazon no se abre en una nueva ventana

Los anuncios de Amazon España son iframes y hoy 25 de Julio de 2018 estoy notando que cuando pulso sobre un banner de Amazon, la página de Amazon se abre en esta misma pestaña lo cuál no me interesa, ya que quiero que se abra en una nueva pestaña o ventana y mantenga el blog abierto en su correspondiente pestaña.

No se si siempre ha funcionado así, espero que no. No lo sé poque al ser enlaces de afiliado pues yo no hago click en esos enlaces. De hecho creo que como en los anuncios de Adsense esta prohibido que hagamos click nosotros. Aunque en Adsense no lo he leído...

El caso es que hoy tenía curiosidad de ver cómo funcionaban los iframes de anuncios y mi sorpresa ha sido ver cómo se abría amazon españa encima de la página dónde tenía abierto mi blog :-(

Y estoy buscando una posible solución ya que poner target="_blank" dentro de <iframe no funciona...

Por suerte los enlaces de productos si se abren en otra pestaña, son solo los banners de anuncios de Aamazon...

"amazon banner opening on same window"

https://my.wealthyaffiliate.com/training/make-amazon-banner-open-in-new-tab/edit-html-code

"Look for f=ifr& in the code and add lt1=_blank& to the end of it"

Estoy usando Google Chrome, no me he parado a comprobar que sucede lo mismo con Firefox.

Mi código de anuncio de Amazon España "Salva la Tierra" es, añadiendo lt1=_blank&
No me funciona lo de añadir &lt1=_blank

Estoy pensando en un problema de blogger, los anuncios de adsense se abren también en la misma pestaña...

https://support.google.com/adsense/answer/1354740?vid=0-925812485971-1532480369847

Dicen que el comportamiento esperado de los anuncios en Occidente es que se abran en la misma pestaña!!!!

Y no se puede modificar el código de los anuncios de adsense por incumplir su política.

Esto no lo sabía yo... Pues no le veo la gracia a estar leyendo algo, hacer click en algo y perder la página que estaba leyendo :-/

Incrustar música en Blogger

Un iframe puede funcionar, necesitas la direción a un fichero mp3 de stream, por ejemplo.

El código iframe puede que no se vea al cargar la página en Chrome u otro navegador por detectar un script no seguro que hay que permitir...

Pero si usamos las etiquetas audio, funciona y encima con autoplay=false. Añadir autoplay o autostar después de la dirección del fichero mp3 no funcionaba.

También es verdad, más sencillo es hacer un streaming a youtube o Twitch.tv y copiar el código de inserción o embed :-)

Bueno, el código que funciona en Blogger para insertar una emisión en formato mp3 y que además no empieze a oirse desde que se carga la página sino que el visitante tiene que pulsar el botón "play" :-)

<audio controls>
<source src="http://la-dirección-de-tu-archivo-mp3-este-en-drive-o-donde-sea.mp3" type="audio/mpeg">
El texto que quieres que se muestre, como en los iframes, en caso de que el navegador de la persona que visita tu página, no pueda ver el reproductor multimedia :-)
</audio>

Solo eso, y funciona :-)

Vale :-)

Un ejemplo. No funciona con archivos m3u8 o m3u.

Pero sí con mp3.

Concretamente estas escuchando Oüi FM y la radio o canal "La Radio de Rock":

http://player.ouifm.fr/rock/

https://www.ouifm.fr/

Tienen unos 20 canales más que puedes escuchar online a través de su página web o de su app:

https://play.google.com/store/apps/details?id=fr.ouifm.radio&hl=es

https://www.ouifm.fr/nous-ecouter/mobiles/

radio online embed on blogger

En Blogger y con iframe, hace unos minutos funcionaba, y ahora ya no, porqué????
https://radioclassique.ice.infomaniak.ch/radioclassique-high.mp3

De todas formas me faltaba encontrar cómo impedir el autoplay o autostart...

¿¿¿Es firefox o es Blogger o es el streamer???
---------------------------------

http://streaming.tendanceouest.com/tomanche.mp3

http://live.m2stream.fr/m2love-128.mp3

http://vr-wr4-mp3-128.scdn.arkena.com/virginradio.mp3

http://broadcast.infomaniak.ch/hitwest-high.aac

http://broadcast.infomaniak.ch/mistralfm-high.mp3

http://streaming.tendanceouest.com/quatrevingt.mp3

http://streaming.hotmixradio.fm/hotmixradio-vip-64.aac

http://alpes1gap.ice.infomaniak.ch/alpes1gap-high.aac

http://streaming.hotmixradio.fm/hotmixradio-80-128.mp3?from=tunein

http://209.126.107.199:10012/;stream.nsv

http://188.165.196.212:8038/;stream/1

http://allzic41.ice.infomaniak.ch/allzic41.mp3

http://vps399072.ovh.net:8000/modul.aac

http://allzic24.ice.infomaniak.ch/allzic24.mp3

http://espace-vintage.ice.infomaniak.ch/espace-vintage-high.mp3

http://91.121.59.45:8322/stream

http://streamer.radio.co/sbfb6bba18/listen

http://allzic54.ice.infomaniak.ch/allzic54.mp3

http://151.80.97.38:8093/live

http://149.202.74.135:8078/stream

https://stackoverflow.com/questions/45132220/how-to-disable-autoplay-of-audio-stream-html5-element

https://stackoverflow.com/questions/42307689/disabling-autoplay-for-mp3

embed ustream iss live does not work on blogger??? depende de la plantilla???

justo debajo de esta línea debería aparecer la ventana de ustream con el directo de la estación internacional (ISS)... pero no aparece nada. Ya me ha sucedido con otros iframes pero este me esperaba que si se mostrara en blogger. La duda que tengo es si ustream esta bloqueado por blogger o es la plantilla que genera algún error y no muestra el contenido de ustream...

http://www.n2yo.com/space-station/

http://www.ustream.tv/

Android blog insertar video youtube Como

Marcar casilla "Sitio web para ordenador". Yo creo que querian decir "Vista de ordenador", bueno, no resulta ni sencillo ni evidente encontrar las palabras justas para indicar que si marcas esa casilla, entonces la página web que estas viendo se va a volver a cargar pero esta vez mostrandose como se ve desde un ordenador y no desde un móvil.
+
Pues bien, si queremos insertar un vídeo de youtube en un blog o en una pagina web y queremos el código iframe que nos proporciona Youtube, pues resulta que en vista móvil no aparece la opción de insertar en las opciones de compartir. En vista móvil solo nos permite compartir el enlace web del vídeo y no muestra la opción para copiar el código html que necesitamos para agregar o insertar ese vídeo a nuestro blog o página web...
+
En Google Chrome, en ajustes hay una casilla ""Sitio web para ordenador" que podemos marcar y así ver la web en versión ordenador y de ese modo si tenemos la opción de insertar tras pulsar compartir debajo de un vídeo de Youtube (versión web).
+

twitch.tv disable autoplay on embeded video

just add to link inside iframe code: &autoplay=false
Solo tienes que añadir dentro del código del iframe, tras el enlace: &autoplay=false

Algo así: https://player.twitch.tv/?video=v223849860&autoplay=false

Blogger te va a añadir un espacio &amp, no, espacio era nbsp; bueno te añade eso, borrarlo antes de guardar el post.

Twitch March of Empires

https://sirromgames.blogspot.com.es/
Realm 138

why google maps on computer does not show arrows on connected photos

25 July 2017:
why google maps on computer does not show arrows on connected photos?

I connected spherical photos on google street view where i see arrows to follow, even if sometimes is not the exact good direction. But when i check the same photo on computer and firefox browser i do not see any arrow to follow :-/

Looking for an answer, explanation or solution...
.thx.

Android constellation street view doesn't show on computer

I can see google street view constellation arrows on android app but the arrows dont show up on computer, nor on firefox nor on chrome... why???

02 August 2017: I just noticed that arrows are showing on my Google Street View Picture.So , it was just a matter of time to see how the constellation of pictures are connected and show arrows on Google Street View on computer browser.

Well... not on all the pictures i made i see the arrows. In some pictures i see a white arrow, and in other pictures is just moving the cursor that i see an arrow on the floor, different from the white arrow but that also let me move between "constellation" pictures:

Move the cursor inside this picture and you will notice othe arrows.

Insertar iframe de Facebook Codigo

Pues sin querer he pulsado en un comentario que he publicado en la página de un Bar y al pulsar sobre compartir me ha aparecido el código para insertar un iframe (un marco) en una página web externa a Facebook. Pero además había un botón de configuración avanzada que me ha llevado a otra página de Facebook dónde podemos personalizar las características del marco que queremos insertar en una página web...

https://developers.facebook.com/docs/plugins/embedded-posts

Tiene que ser el comentario de una página de Facebook, no el comentario de un perfil de Facebook. Cuando creas tu perfil de Facebook, puedes además crear una "página" de un negocio por ejemplo, pues los comentario que son públicos de esa "página" son los que puedes comartir en modo iframe en una página web o un blog por ejemplo...

Por ejemplo, este sería un iframe insertado:

Y si en lugar de copiar solo el código iframe, hubiera pulsado Configuración Avanzada pues me hubiera llevado a la página de Facebook for Developpers dónde poder generar diversos códigos:

https://developers.facebook.com/docs/plugins/embedded-posts/?prefill_href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3D1390294004337748%26id%3D419967244820198#code-generator

https://developers.facebook.com/

En la página de Configuración Avanzada, un poco más abajo tenemos un botón para "obtener código" y nos proporciona una pestaña con código SDK para Javascript y otra pestaña con un simple código de iframe...

La única curiosidad del iframe de arriba es que no te muestra de que página de Facebook es el post o comentario público... De todas formas si pulsas sobre leer más entonces verás dónde se ha publicado.

Hay apartados para generar todo tipo de códigos, como los de "me gusta":

https://developers.facebook.com/docs/plugins/like-button

Blogger app - agregar imagenes externas

Me he quejado de la app de Blogger varias veces porque se me bloqueaba al agregar una imágen en un post... Y el otro día descubrí que podía seleccionar imágenes decla galería y compartirlas con la app de Blogger y así crear un post con varias imágenes incrustadas...

Y todo esto me pasa por no buscar un manual de la app de Blogger...

Pues acabo de descubrir que en la app de Blogger no hace falta una pestaña para escribir o editar el código html como sucede en la versión web de Blogger.

En la app de Blogger escribimos texto y código html al mismo tiempo y en la misma ventana y la app se encarga de traducir el código html a su forma visual :-)

De este modo si queremos agregar una imagen externa basta con escribir lo siguiente pero eliminando los espacios que sobran: < i m g s r c = " url de la imagem externa " > y en el post se mostrara en su lugar esa imagen externa. Lo mismo sucede si quiero insertar un iframe, una página web externa en un marco: < i f r a m e s r c = "http://www.google.dk" > iframe de prueba de google denmark < / i f r a m e >

Ejemplo de imagen externa:

Facebook insertar vídeo o post en página web

Desde la siguente url te indican como insertar un vídeo de cualquier perfil de facebook con o sin sus comentarios y texto. Te facilitan el código para insertar un iframe en una página web o directamente en un blog como Blogger (o blogspot):

https://developers.facebook.com/docs/plugins/embedded-video-player/

"El reproductor de vídeo insertado permite añadir fácilmente vídeos de Facebook (incluidos vídeos en directo) a un sitio web. Puedes usar como fuente de vídeo o vídeo en directo cualquier vídeo público que una persona o una página hayan publicado."

blogger - iframes - unos si otros no...

Pues en Blogger unas cosas funcionan a veces si y a veces no...

Un iframe me puede mostrar contenido de una dirección web y de otra no ¿¡porqué!?
(quiero pensar que es debido a directrices de la ágina que insertamos... o son directrices de blogger)

<iframe height="200" src="https://www.google.es/" width="500"> google.es no se muestra</iframe>

<iframe height="200" src="https://www.google.es/intl/es/about" width="500"> google.es about si se muestra</iframe>

<iframe height="200" src="https://www.google.co.jp/intl/ja/about/" width="500"> google about japan si se muestra</iframe>

blogger no muestra algunos javascript gadgets

--> http://howtoscomos.blogspot.com/2016/10/blogger-iframes-unos-si-otros-no.html

Me ha pasado con varios widgets, gadgets o codigos javascript, y es que blogger no me los muestra, y no importa el navegador que use (tendría que volver a checkear esta afirmación pero estoy convencido es un problema de blogger con enlaces a ficheros js externos).

Por ejemplo no me muestra el siguiente código si lo pongo en un post:

<script language="javascript" src="http://www.exactseek.com/remote-submit.js"></script>

Si lo pongo en la parte HTML, en el editor de código fuente del post debería aparecer una caja de Exactseek para poder escribir una dirección web que sea indexada por el buscador de exactseek... Pero no aparece nada contenido en el código del archivo remote-submit-js

remote-submit.js contiene lo siguiente:

"document.write("<iframe width='395px' height='117px' frameBorder='0' scrolling='no' marginwidth='0' marginheight='0' src='http://www.exactseek.com/remote-submit.html'></iframe>");"

¿¿¿¿Puede que no se pueda usar iframe en blogger???? (si se pueden usar)

!!!!!!!!!!!!!!!!TEST!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
https://rutasinplanificar.blogspot.com.es/2015/08/misc-1.html

!!!!!!!!!!!!!!!!!!FIN TEST!!!!!!!!!!!!!!!!!!!!!!!!!! Pues si se pueden usar IFRAMES en blogger:

¿que sea entonces el código document.write que no funciona en blogger? copiandolo no aparece... y si lo escribo yo a mano:

No funcionamban los dos siguientes y voy a eliminar los iframes porque esta página tarda en cargar con tanto experimento...

-iframe height="" src="http://www.exactseek.com/remote-submit.html" width="400"-iframe reescrito exactseek submit-/iframe-

-iframe height="117" src="http://www.exactseek.com/remote-submit.html" width="395">exactseek remote submit box-/iframe-

Pues no se ve nada en el iframe, lo copia, lo modifique o lo escriba yo desde cero... En cambio el contenido si aparece en otra pestaña: http://www.exactseek.com/remote-submit.html

Probemos con Google:

Pues el problema lo tengo con exactseek...

**************************

%%%%%%%%%%%%

&&&&&&

Y habían otros sitios cuyos gadgets no he podido aprovechar. Había uno que curiosamente he visto en otro blog (a ver si lo busco porque como sea de blogger entonces tengo algo que va mal en la plantilla o el navegador o...). Pero era un widget que mostraba de dónde era el visitante que estaba online y que estaba viendo. Algo parecido a lo siguiente:

http://www.supercounters.com/visitortracker

¿Qué pasa si añado el siguiente código?


<center><script type="text/javascript" src="http://widget.supercounters.com/vt.js"></script><script type="text/javascript">var sc_visitor_var = sc_visitor_var || [];sc_vt(1325500,"FFFFFF","cccccc","000000",10)</script><br><noscript><a href="http://www.supercounters.com/">Visitor Tracker</a></noscript>
</center>


Pues que no me muestra nada...
A ver que contiene vt.js... no importa, unas cuantas líneas que no voy a pegar...

Pues ese contador online no me aparece tampoco en Blogger :-/
...al menos no en mi blogspot...

NO APARECE EN MI BLOG, EN LA PLANTILLA QUE USO

&&&&&&&&&&&&&&&

//////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

Busquemos otro contador live. Este es el que probé otro día y no aparece en Blogger, no se muestra... el de feedjit:

http://feedjit.com/

Pues tampoco se muestra :-(

NO SE MUESTRA EN MI BLOG O EN LA PLANTILLA QUE USO, O ALGO TENGO MAL POR ALGÚN LADO PORQUE A "NO ROMPAS EL TECLADO" QUE ES A QUIÉN SE LO VÍ SI LE FUNCIONA Y ESTA ALOJADO EN BLOGGER SI NO ME EQUIVOCO:

http://www.norompaselteclado.es/

El contador lo tiene abajo del todo

y http://feedjit.com/serve/?vv=1515&tft=3&dd=0&wid=&pid=0&proid=0&bc=FFFFFF&tc=000000&brd1=012B6B&lnk=135D9E&hc=FFFFFF&hfc=2853A8&btn=C99700&ww=194&wne=3&srefs=0 muestra una cantidad de código que no voy a copiar tampoco...

Vaya, alguién lo explica, perdón, parece explicarlo, porque no ME funciona... y muestra una imágen y no el contador en sí, pero creo que tiene cosas interesantes por lo que copio el enlace:

~~http://blogknowhow.blogspot.com.es/2009/04/add-feedjit-live-traffic-feed-blogger.html~~

supongo que en 2009 funcionaba

Otro que indica que funciona pero no veo el widget en su blog, y alguién comentó que no le funcionaba en blogger:

~~http://trickzbucket.blogspot.com/2015/11/how-to-add-feedjit-live-traffic-feed-widget-in-blogger.html~~

supongo también que 2015 funcionaba

32r432454thre8wyf83y72r7gdewf832grgSALHFADHVUZG7F32EOQ

http://buddinggeek.com/why-i-replaced-feedjit-with-statcounter/

maybe is due to browser. ¿¿¿el puto navegador????

https://support.mozilla.org/es/questions/1012117

Dynamic view template. ¿Puede que sea la plantilla que usamos en Blogger?

https://productforums.google.com/forum/#!topic/blogger/f-tB8P-YrRc

¿Hay que usar la versión html o texto?

https://en.forums.wordpress.com/topic/feedjit-html-does-not-work-here

http://feedjit.com/joinimg/

%%%%%%%%%%TEST············%%%%%%%%%%%%%%%%%%%

-a href="http://feedjit.com/ir1/28411b151232a3b915940d68b93cd2c2/" target="blank"--img alt="" border="0" src="http://feedjit.com/b/28411b151232a3b915940d68b93cd2c2.png" ismap="" /--/a-
la pega es que muestra siempre visitas de Mountain view y UK y no es la realidad. Por lo que tampoco funciona al 100% en esta plantilla de blogspot... y lo quito...

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

******************--------------------********************

Otros gadgets o scripts que no muestra Blogger o Blogspot son los de la radio radiotuna:

******************--------------------********************