CARTEL DE BIENVENIDA PARA BLOGGER TIPO NEÓN

CARTEL DE BIENVENIDA PARA BLOGGER TIPO NEÓN .



Ya hacia rato que no les mostraba estos mensajes de bienvenida que sé que a muchos les gusta, así que les muestro este cartel de bienvenida tipo anuncio de neón que me encontré y que pertenece a G.P.F.
Se trata de un mensaje de bienvenida en el cual una luz de color recorre cada letra dando la apariencia de que se trata de una anuncio luminoso de neón.
Puedes ver un ejemplo en este blog de pruebas.         
                                                                                      

Para poner este cartel en tu blog sólo entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript:





 y pega lo siguiente:
------------------------
Para implementarlo en vuestro Bloc en un gadget solo tenéis que seguir estos pasos:

 Un clic en “Diseño”                                             

Clic en “Añadir un gadget”                             

Busca el widget que dice “HTML-Javascript” y ábrelo

                                                                                       

Coloca el siguiente código en el interior

                                                                               

Después de haber insertado el código, un clic en "Guardar"


                                                                                   

<div style="background:#000; font-size:30px; text-transform: uppercase; font-weight: bolder;"><script language="JavaScript1.2">

//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de

var message="Bienvenidos a Ciudad Blogger"
var neonbasecolor="gray" //color de la letra
var neontextcolor="yellow" //color de la luz neon
var neontextcolor2="#FFFFA8" //color del reflejo
var flashspeed=100 // velocidad en milisegundos
var flashingletters=3 // numero de letras alumbradas en neon
var flashingletters2=1 // numero de letras alumbradas con el reflejo (0 to disable)



var flashpause=0 // pausa entre cada repeticion en milisegundos

///No editar nada mas///

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></div>

Cambia lo que está en color rojo por tu mensaje de bienvenida. En las antaciones de color verde puedes ver unas variables que se pueden configurar como color del neón, velocidad, etc.
Al inicio del código en color azul podrás cambiar el color de fondo y tamaño de la letra; también puedes agregarle otros estilos si así lo deseas.

Data de la Publicación;09-09-2020

 Fuente; ciudadblogger

 Publicado por;