Usa mis enlaces de afiliado de Aliexpress en
https://sites.google.com/view/reviewsandso/
Un millón de gracias


Si buscas herramientas o baca de techo barata he enlazado dos tiendas con artículos marca Vevor:
https://sites.google.com/search/reviewsandso?query=vevor&scope=site&showCloudSearchTab=false

Mostrando entradas con la etiqueta html. Mostrar todas las entradas
Mostrando entradas con la etiqueta html. Mostrar todas las entradas

Redireccionar - refresh - redirigir - desviar - transferir

Me refiero a que cuando accedan a una dirección web concreta o por ejemplo a la página 404 de página no encontrada porque no existe o porque has querido probar la dirección:

https://howtoscomos.blogspot.com/wdfjdshfjhadofhwehlheawfugtqy53ytehgfhugluihty9eagvd7
g684h355sr6g4sd5zafpohwqowiqqº2324567890qwertyuiodsfghjklcxvbnm,.754296530poñl.uijkm6utjght4egdvqedsc1q2wrfgeruydytfhjkjhgfdsbgdhfgcreoqueacaodefirmaralnoserningunasecuenciadecaracteresopulsacionesalgomuyuniversal:-)

script, codigo de autorefresh y redireccionamiento abajo del todo. algo universal, es como un idioma más.



pues en lugar de solo mostrar el texto "Página no encontrada" quiero que la página dirija a esa persona a la página https://howtoscomos.blogspot.com o https://rutasinplanificar.blogspot.com o https://camarawebcam.blogspot.com/2018/04/arizona-estados-unidos-avenida-tucson.html

Offtopic - distracción de https://camarawebcam.blogspot.com Me pregunto si no sera el streming en bucle desde una raspberry mientras esta minando bitcoins u otra criptomoneda...



*
En Blogger, vamos a Configuración, Preferencias para motores de búsqueda, y en Errores y Redireccionamientos pulsamos sobre editar "Mensaje de página no encontrada personalizado ?"

y agregamos el código siguiente menos mis enlaces :-)

<a href="https://howtoscomos.blogspot.com">howtoscomos.blogspot.com</a><br>
<script type="text/javascript">
setTimeout(function(){  window.location = "https://howtoscomos.blogspot.com";; }, 1000);
</script>
<br>
blogger pagina no encontrada en configuracion
preferencias para motores de busqueda:
<a href="https://lugaresalosquequierovolveryunafoto.blogspot.com">Lugares A Los Que Quiero Volver Y Una Foto todo junto punto blogspot punto com :-)</a>
<br><br><a href="https://rutasinplanificar.blogspot.com" target="_blank">Ruta Sin Planificar punto Blogspot punto Com</a>
<br><br>
<a href="https://howtoscomos.blogspot.com" target="_blank">howtoscomos dot blogspot dot com :-)</a>
<br><br>

Concretamente:

<script type="text/javascript">
setTimeout(function(){  window.location = "https://howtoscomos.blogspot.com";; }, 1000);
</script>

1000 es el tiempo de espera.

Lo puedes utilizar en la parte de html de cualquier página web. 
Incluso podría intentar ver si funciona en otros lugares.

El Redireccionamiento personalizado desde a no lo entiendo, a menos que sea para redirigir un post concreto, una url concreta, una dirección web del blog...

Vaya, eso es un error (bX-j88tp7)

Broken Blogger Logo
Vaya, eso es un error (bX-j88tp7)
Posibles soluciones:
  • Prueba a volver a cargar la página
  • Encontrar otras soluciones
Si necesitas más ayuda, infórmanos de tu problema y visita nuestro foro de asistencia.


En el copia y pega se han perdido las direcciones de los enlaces y no pensé en abrir esas páginas antes de cerrar el mensaje de error...


Embed Incrustar Insertar Video de Facebook

Hay un código para insertar un vídeo de Facebook en una página web o blog.

A mí no me funcionaba, lo que me funciona es copiar todo, el siguiente código, y cambiar la dirección web de la publicación de Facebook que contiene el vídeo:

Nota: Perdón, para copiar el texto, seleccionalo con el cursor, y luego pulsa CTRL+C para copiar y luego click derecho, pegar, o CTRL+V.

<!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>

  <!-- Your embedded video player code -->
  <div class="fb-video" data-href="https://www.facebook.com/officialpress/videos/1009319662595347/" data-width="500" data-show-text="false">
    <div class="fb-xfbml-parse-ignore">
      <blockquote cite="https://www.facebook.com/officialpress/videos/1009319662595347/">
        <a href="https://www.facebook.com/facebook/videos/10153231379946729/" target="_blank">How to Share With Just Friends</a>
        <p>How to share with just friends.</p>
        Posted by <a href="https://howtoscomos.blogpsot.com" target="_blank">HowTosComos</a> on Monday, February 25, 2019
      </blockquote>
    </div>
  </div>

Copiado de las instrucciones de Facebook:
https://developers.facebook.com/docs/plugins/embedded-video-player/

Se cambia "https://www.facebook.com/facebook/videos/10153231379946729/" que es el vídeo de Facebook sobre como insertar un vídeo de Facebook, un vídeo promocional por la dirección del vídeo que te gusta. Y cambia los demás enlaces y texto (o no).

Por ejemplo la Mascleta Vertical transmitida por Oficial Press:
https://www.facebook.com/officialpress/videos/1009319662595347/

Y lo cambio en las tres líneas que he resaltado arriba y el resultado es:


How to Share With Just Friends
How to share with just friends.
Posted by HowTosComos on Monday, February 25, 2019

insertar chat youtube - script - codigo

Busco un vídeo de Youtube:

NACE UNA ESTRELLA - Canción oficial "Shallow" - Oficial Warner Bros. Pictures
y pulso compartir y copio el texto de embed:
<iframe width="560" height="315" src="https://www.youtube.com/embed/EMrwaWroMhg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

le añado ?autoplay=false para que no se dispare el play:
<iframe width="560" height="315" src="https://www.youtube.com/embed/EMrwaWroMhg?autoplay=false" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Voy a añadir una playlist, y agrego &autoplay=false aunque creo que no es necesario:

Entrevistas y Presentación Venezia al final





Así tenemos música de fondo :-) qué ganas de ver la película... aún no he ido a verla...


Pero aquí no hay ningín chat, necesito un directo con chat, stream.
https://camarawebcam.blogspot.com

__________________________________
INSERTAR UN CHAT DE YOUTUBE

Puede que me equivoque pero el vídeo con más visualizaciones, con más gente viendo el directo ahora mismo y en una sala de chat es:

"Aaj Tak LIVE TV | Race For The Next Chief Minister Heats Up In Rajasthan And Madhya Pradesh"
Ahora mismo Miércoles 12 de Diciembre de 2018 a las 09h31 GMT +01:00 España Península

Noticias Hindi de India, queda explicada tantas visualizaciones, ¿no?

Para compartir el directo copio el código:
<iframe width="560" height="315" src="https://www.youtube.com/embed/gHykKPYuWvs?autoplay=false" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Me interesa su dirección web: https://www.youtube.com/watch?v=gHykKPYuWvs

Y su identificador, v imagino es de "view" y lo que identifica este vídeo es lo que sigue: gHykKPYuWvs

Pues para insertar el chat de ese directo, stream, de youtube, hay que escribir lo siguiente:

<iframe src=https://www.youtube.com/live_chat?v=gHykKPYuWvs&embed_domain=howtoscomos.blogspot.com width="100%" height="600"></iframe>

Muy importante que pongas la dirección de tu página web, el dominio dónde estas insertando el chat, sino no se verá. Uhmm... :-) No estoy seguro si he intentado insertar el código sin lo de "embed_domain" pero creo que sí :-) 

En mi caso este post esta en el dominio: howtoscomos.blogspot.com

y ahora voy a crear uan tabla con el vídeo a la izquierda y el chat a la derecha:
<br><br>
<table align=center border=3 cellpadding=4 cellspacing=2>
<tr>
<td align=center>
<!--el vídeo de youtube con el streaming live, directo. Esto es un comentario. height="315" -->
<iframe width="260" src="https://www.youtube.com/embed/gHykKPYuWvs?autoplay=false" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</td>
<td align=center>
<!-- el chat ahora, tengo que jugar con width para el ancho, el height que es el alto lo voy a quitar
width="100%" height="600" pongo width 400 para el vídeo, resultado al final-->
<iframe src=https://www.youtube.com/live_chat?v=gHykKPYuWvs&embed_domain=howtoscomos.blogspot.com width="350" height="400"></iframe>
</td>
</table>
<br><br><!-- son saltos de línea-->






https://howtoscomos.blogspot.com/2018/08/embed-facebook-videos-inserta-videos-de.html

https://howtoscomos.blogspot.com/2017/05/youtube-retiran-opcion-anotaciones-mayo.html

<br />
<br />
<table align="center" border="3" cellpadding="4" cellspacing="2">
<tbody>
<tr>
<td align="center"><!--el vídeo de youtube con el streaming live, directo. Esto es un comentario. height="315" -->
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="400" src="https://www.youtube.com/embed/gHykKPYuWvs?autoplay=false" width="460"></iframe>
</td>
<td align="center"><!-- el chat ahora, tengo que jugar con width para el ancho, el height que es el alto -->
<iframe height="400" src="https://www.youtube.com/live_chat?v=gHykKPYuWvs&amp;embed_domain=howtoscomos.blogspot.com" width="250"></iframe>
</td>
</tr>
</tbody></table>
<br />

Reemplazar mismo texto o suprimir palabras lo largo de un texto o archivo html - Notepad++

Con el bloc de notas se puede reemplazar o borrar, reemplazando por nada o un espacio, un texto que se repita, o unas palabras. El problema surge cuando quiero borrar, o modificar, una etiqueta que se repite lo largo de un archivo html o página web.

Es ahí que me resulta muy útil el programa gratuito Notepad++.


Es muy parecido o a mí me recuerda al programa de pago EditPlus.

Con notepad, ejecutar "notepad" y se abre el Bloc de Notas de Windows:


Con Notepad++:



como subir y mostrar fotos 360 en pagina web html

 Puede que por aquí halla buena información:

~~~~~~~~~~~~~~~~~~~~~~

https://juanca.e-lexia.com/2016/10/insertar-imagen-360-vr-en-tu-web/

Yo cada vez que veo "api" dejo de entender las palabras y frases que lo siguen, pero me parece increible que pueda ser tan sencillo como insertar un codigo html de iframe y la imágen 360...
+
Espera. Leer comentarios, el api es para fotografias 360 generadas con el programa "Camera Cardboard". Y me esta llegando la sombra del script de google para convertir videos 360, convertir... para agregarles un código para que se vieran en modo 360° al subirlos a youtube... y que no me funcionaba correctamente con algunos vídeos de la camara 360x220... Sombra, por decir algo.
+
Edit: hay un plugin "cardboard" en Wordpres...
+
En otra página hablan de usar plugins de wordpress, uno de pago y otro gratuito, y era con fotografías 360 generadas con la camara Ricoh Theta...
+
Lo que me gustaría es no depender de Google Maps ni Street View. He pensado que estoy compartiendo fotos y lugares en Street View, y algunos de esos lugares puede que fuera mejor no aparecieran en Google Maps, pero si en rutasinplanificar.blogspot.com que veo yo y alguna persona más alguna vez :-)
+
Es más tengo una chincheta con fotos 360 que igual debería eliminar para que siga estando casi desconocido. Pero se borarían las fotos 360 que he subido. Me esta tentando, la verdad. Borrarlo de un plumazo.
+
Javascript and so, esto no me serviría en blogger dónde no puedo subir archivos o conectarme vía ftp, pero en alguna página web gratuita, un hosting gratuito quiero decir, y sin publicidad... existen... pues esto puede servir:
+
https://ceslava.com/blog/panormicas-360-8-formas-de-incrustarlas-en-tu-blog/
+
A seguir buscando.
+
"ricoh theta insert photo on yout website"
+
360x180:
+ http://jeremyheleine.me/photo-sphere-viewer/
+
Valdrá para 360x360?
+
Check "codetricity" links and comment on
+
https://developers.theta360.com/en/forums/viewtopic.php?f=4&t=28#p46
+++++++++
"
Open Source JavaScript 360 Image Viewers
Photo Sphere Viewer by Jeremy Heleine
* good and popular viewer. Uses Three.js

ThetaViewer by Atsushi Kokubo
* Viewer works great. Documentation is in Japanese.

theta-viewer.js by Sho Hashimoto
* Animate multiple-Photos taken by RICOH THETA.

Google VR for Web by Google
* Solid 360 image and video viewer that can be embedded in web site or mobile phone

Pannellum by Matthew Petroff
* lightweight, free, and open source panorama viewer for the web
"
++++++++++




Embed FACEBOOK VIDEOS - Inserta Videos de FACEBOOK en tu blog o pagina web

Insertar un vídeo que ves en Facebook, en cualquier perfil, en tu blog o página web:

This way / Por aquí:




El vídeo de dos horas del concierto FeneRock2017 con Heredeiros da Cruz y otras bandas que compartieron en el canal de Facebook de FeneRock Festival lo he incrustado más abajo en esta publicación ;-)




________________________



Con Youtube es evidente, pulsas compartir y puedes copiar el código para insertar el vídeo de youtube que estas viendo en tu página web.






¿sabes qué? Voy a insertar ese vídeo "Clandestino" de Shakira y Maluma :-) y no es una versión de Manu Chao ;-)

(*Me quejaré, de nuevo blogger, o firefox o mi ordenador me ha borrado dos códigos incrustados de vídeos... o adblockplus me los ha borrado aunque lo tengo deshabilitado... pero borrarme los códigos de vídeos?... a copiarlos de nuevo*)










~~~~~~~~~~~~~~~~~~~~~~~~ 


Pero en Facebook no es tan evidente, de hecho si pulsas sobre compartir lo único que puedes hacer es refacebookear, como si retwitearas un tweet pero en este caso es un vídeo de facebook que compartes en tu biografía...

Pero en el enlace de arriba si puedes crear el script o código html para insertar ese vídeo de facebook que has visto en la bliografía de alguié   oq ue tu mismo subiste a tu canal, y copiar ese código y agregarlo a tu blog o página web :-)

Como las dos horas de concierto de FeneRock del 17 de Septiembre de 2017 (por allí anduvé y me encantó) que he puesto al principio :-)


El iframe no me funcionaba... hay que ir a la versión de ordenador u escritorio, la de "www.", pulsar sobre el vídeo y ya tenemos la dirección web que nos piden para generar el código.


https://www.facebook.com/fenerockfestival/videos/vb.146414388779276/1430797350340967/?type=2&theater



<iframe src="https://www.facebook.com/plugins/video.php?
href=https%3A%2F%2Fwww.facebook.com%2Ffenerockfestival%2Fvideos%2F
vb.146414388779276%2F1430797350340967%2F%3Ftype%3D2%26theater&width=500&
show_text=false&height=281&appId" width="500" height="281"  
style="border:none;overflow:hidden" scrolling="no" frameborder="0" 
 allowTransparency="true" allow="encrypted-media" allowFullScreen="true">
</iframe>



-
Es el primer vídeo que aparece arriba en esta publicación.
-



Y si intento el método del código SDK para Javascript, Google Blogger me da un error al comprobar el archivo xml de la plantilla indicando que la palabra "version" que contiene la dirección web de Facebook dónde tiene que descargar algún código... dice que tiene que ir seguido de ";".... no hay manera... aún... voy a seguir intentandolo un poco...






Y sino, crear una página web, registrarse en un hosting gratuito sin publicidad, crear un archivo html con solo ese código y enlazarlo...





---------
Offtopic. Un vídeo de Facebook con un chat cuando pusé la dirección del vídeo pero no la que piden...


Fijate en que la dirección web empieza por "m." en lugar de "www." de ese modo puedes también descargar el vídeo cuando lo veas con un simple click derecho.





How to Share With Just Friends
How to share with just friends.
Posted by Facebook on Friday, December 5, 2014



-

javascript countdown redirect - reload page - contador cuenta atras - redirigir pagina

 Para redirigir una página web dónde esta este código hacia https://howtoscomos.blogspot.com, o la dirección web que escribas en su lugar, y tras 1 segundo o el tiempo que escribas en el lugar de los 1000 milisegundos

<script type="text/javascript">
setTimeout(function(){ window.location = "https://howtoscomos.blogspot.com"; }, 1000);
</script>






Lo estoy usando para cuando algún enlace llega a una página que no existe:
https://howtoscomos.blogspot.com/estapaginanoexisteyseredirigealapaginaprincipal.html

window set time out: https://www.w3schools.com/jsref/met_win_settimeout.asp

Redireccionar Página con javascript

Tan sencillo como agregar en la parte <head> del código html la siguiente línea:

<meta http-equiv="refresh" content="1;url=http://procesiones.eu/" />
 Es "refrescar" o "actualizar" en una etiqueta meta de la parte de arriba del código html. 
Entre las comillas de "content" el "1" representa un segundo de espera, por lo que puedes modificarlo a tu antojo, puedes dejar que se cargue la página y a los 5 segundo por ejemplo hacer que la página cargue en su lugar la que indicas después de "url="

Solo tienes que modificar el "1" y "http://procesiones.eu/" y poner la página web que quieres que se cargue en lugar de lo que estan viendo al aterrizar en esa página que quieres reenvie sus visitantes a otro lugar :-)



En Blogger, hay que ir a Tema y pulsar sobre Editar HTML, y los cambios se mantienen para la vista de móvil.



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).
+

Thunderbird error enlace mail no funciona

De la saga de Thunderbird :-) al pulsar sobre un enlace dentro de un correo eletrónico no sucede absolutamente nada... No he probado a cambiar el navegador predeterminado pero me temo no sirva de nada, puede que sea alguna opción de thunderbird en relación con los enlaces, o una opción de seguridad que me impide abrir los enlaces en el navegador predeterminado...

Pero lo que si funciona es hacer click derecho sobre el enlace y copiar ese enlace para pegarlo en nuestro navegador web :-)

"Copiar la dirección del enlace"

**********************
Algo que ya he comentado en otro post, cuando un correo electrónico aparece en blanco pero sabemos que tiene que haber algún contenido. Probablemente otra opción de seguridad impide que se muestre el contenido html (lo cual es buena idea por seguridad aunque bastante incomodo cuando no hay versión en texto del correo electrónico que nos envian)...

Pues hay que seleccionar este correo electrónico, ir a Archivo, Guardar como..., Archivo (CTRL+S), y en la nueva ventana seleccionamos en el desplegable de tipo de archivo "Todos los archivos (*.*)" para poder guardar en el formato de la extensión que vamos a agregar al nombre del archivo. Y agregamos ".html" al nombre del archivo :-)

Lo guardamos como archivo html, página web, y lo abrimos con nuestro navegador web. Hacemos doble click sobre el archivo guardado.





Y ya podremos ver el contenido web del misterioso correo electrónico. Es posible o probable que no se muestre del todo correctamente pero si podremos leer el texto y puede que ver alguna imágen.

Ah! también puede suceder eso mismo, que el correo electrónico sea en realidad una imágen pero que esta en un servidor remoto, que no esta realmente en este correo electrónico. En ese caso puede que tengamos una opción de seguridad que impide mostrar contenido remoto lo cual también es una buena decisión.



Thunderbird Correos en blanco o en html

Por ejemplo un correo electrónico de ING Direct titulado "¿Nos ayudas...?", aparece totalmente en blanco en mi Thunderbird :-)

Si miro el código fuente aparece "<!DOCTYPE html PUBLIC ", y termina prácticamente con "</body></html>", es un correo electrónico en formato html, formato página web...

Archivo, Guardar como... o Guardar página actual como..., lo guardo como "unnombre.html" y lo abro haciendo doble click sobre el fichero, hay que abrirlo con un navegador web para ver el contenido, un navegador web como Internet Explorer, Firefox, Chrome, etc etc...


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



Ahora mismo no se que opciones tengo configurado en el gestor de correos electrónicas Mozilla ThunderBird pero son las que no permiten mostrarme contenido html y me muestra los correos electrónicos como texto. No me fío del contenido de los correos electrónicos por mucho filtro antispam que tenga...

El caso es que hace unos meses tengo algunos correos electrónicos que aparecen totalmente vacíos, aparentemente vacíos, pero si miro el "código fuente" resulta que son correos electrónicos "escritos" en hml. Son correos electrónicos enviados como se fueran una página web. Escriben un texto con imágenes pero la plantilla es como una página web...

Para poder leer esos correos electrónicos sin cambiar nuestra configuración u opciones de Thunderbird, podemos guardar una copia del correo electrónico añadiendo la extensión ".html" al fichero y luego abrir ese fichero con un navegador web como Internet Explorer o Firefox o Chrome o...






Para no redactar nosotros un correo en formato html, Herramientas, Configuración de Cuenta:





No encuentro la opción de mostrar los correos electrónicos solo en formato texto...

En Herramientas, Opciones, no permitir contenido remoto (por seguridad):





bla bla bla ...zzZZZzzzz...

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...


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


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":




Blogger app - agregar imagenes externas

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:

Window pop-up - ventana emergente onclick

onclick pop up window

Es lo que tengo puesto a la derecha para abrir una ventana de hostinger con los scripts que no funcionan en esta plantilla de blogger. Las de Speed Test y el enlace de Muestra mi dirección IP pública y al mismo tiempo localizame en un mapa (omás bien localiza la ciudad donde señala mi IP):

<br />
<div style="text-align: center;">
<script language="javascript" type="text/javascript">
<!--
function abreunaventana(url) {
 newwindow=window.open(url,'mi nueva ventana emergente','height=500,width=400,status=0,toolbar=0,location=0,resizable=0,scrollbars=0');
 if (window.focus) {newwindow.focus()}
 return false;
}
// -->
</script>
<table align="center" border="5" cellpadding="6" cellspacing="4"><tbody>
<tr><td><b><a href="http://rutasinplanificar.hol.es/ip-locator/checkmyip-locatemyip.html" onclick="return abreunaventana('http://rutasinplanificar.hol.es/ip-locator/checkmyip-locatemyip.html')">Muestra mi IP y localiza el lugar más cercano a mi IP pública</a></b>
</td></tr>
<tr></tr>
</tbody></table>
</div>

*** Si añadimos varios widget con este código, hay que llamar a la función con distintos nombres, y también cambiar el nombre de la ventana para que se abra una nueva ventana y no se abra el contenido en la misma ventana que hemos llamado aquí "mi nueva ventana emergente". El siguiente enlace podría ser: function ventana2(url2) {
 newwindow=window.open(url2,'segunda ventana'....onclick="return ventana2...
***Cambio hasta el nombre de url para que no coincida con el otro enlace...


******Y el error que yo tenía era que pusé:
 newwindow=window.open(url,'mi nueva ventana emergente','height=500,width=400','status=0,toolbar=0,location=0,resizable=0,scrollbars=0');

Pues resulta que solo admite 3 variables, por lo que tenemos url para la dirección web, 'mi nueva ventana emergente' para nombrar a la ventana pop-up, y un tercer bloque con todas las demás variables: alto o height, ancho o width en pixels, barra de estado igual a cero para que no aparezca, barra de herramientas, barra de dirección o location que en Mozilla Firefox se muestra si o si, redimensionar a cero y barras de desplazamiento a cero, si quisiera que se mostrara alguna opción pondría igual a uno.

http://www.quirksmode.org/js/popup.html

http://www.w3schools.com/jsref/met_win_open.asp

http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

http://stackoverflow.com/questions/4068373/center-a-popup-window-on-screen

un par de contadores para web

http://flagcounter.com/


Flag Counter

¡funciona en esta plantilla!

####################################


Flash or Javascript Globe Visitor Map
none works ont his Blogspot Template :-(

https://www.revolvermaps.com/?target=setup2d&type=html
html animated solution
javascript animated solution 

html static map solution:


Map

~~~~~~~~~~~~~~~~~~~~~~~~~

no right click - no click derecho






 

redirect html code

Works on Blogger:


Codigo html para redirigir una pagina web a otra pagina al cabo de unos segundos definidos :-)

Gratuito bajo licencia GNU  GPL v3:


Ni idea de quién es el autor, ese dominio parece estar exclusivamente para esta página... estaría bien saber quién es, para darle las gracias lo menos... aunque fuera un nombre ficticio :-p




colores en html

¿Estas editando tu html en el bloc de notas o editor de blogger y te apetece poner otro color?


Pulsa sobre "color picker" para abrir una nueva ventana dónde seleccionar un color y traducirlo a código hexadecimal:

COLOR PICKER

En blogger no funcionaba, por lo que copiado el javascript y demás a una página en otro dominio, concretamente en hostinger ;-)

Thanks http://jscolor.com/