Mostrando entradas con la etiqueta Efectos en Blog. Mostrar todas las entradas
Mostrando entradas con la etiqueta Efectos en Blog. Mostrar todas las entradas

miércoles, 6 de julio de 2022

Efectos curiosos para Bloger

 

ESTRELLAS QUE SE DESPLAZAN POR EL BLOG IZQ. DERC.

Código

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/0/7/20/parts.js"></script>

ESTRELLAS QUE SUBEN Y BAJAN

Código

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/17/17044/6/parts.js"></script>

CORAZONES QUE SALEN DEL MOUSE

Código

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/3/3575/8/parts.js"></script>

CÁMARA DE VIGILANCIA.
Código

<a href="http://www.pczeros.net/2014/02/agregar-camara-de-vigilancia-en-blogger.html" style="right: 0px; position: fixed; top: 0px;"><img src="http://i.imgur.com/IUzZhG3.gif" alt="" /></a>

Fuente: https://nanocuriosidadesblogger.blogspot.com/p/efectos-curiosos-para-blogger.html



Corazones cayendo en la página de Blogger

 

<lenguaje de script='javascript' type='text/javascript'>

//<![DATOSCD[

// Guión original de Eloi Gallés Villaplana adaptado por CiudadBlogger.com


var número = 8

velocidad variable = 40

var imagenamor = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE_TLnBHnVjrTFm0u-1PIhjV4MnCTiqRMFmkdAYey5dvKcpQxRbBgCavUoZ-xngqCuHLRkT3ZVJE3GjgfCWyIqGmmjm9W-ZPb9fG0tCJI59f1hLd-xMPXYI3AqbHg1bQtIY8vWIXsU0xM/s1600/corazon.gif"


var ns4arriba = (documento.capas) ? 1 : 0

var ie4arriba = (document.all) ? 1 : 0

var dombrowser = (document.getElementById) ? 1 : 0


var dx, xp, yp

var am, stx, orzuelo

var i, doc_ancho = 1024, doc_alto = 768


funcion amor() {


establece_dimensiones()


dx = nueva matriz ()

xp = nueva matriz ()

yp = nueva matriz ()

am = nueva matriz ()

stx = nueva matriz ()

pocilga = nueva matriz ();

     

for (i = 0; i < numero; ++ i) {

dx[i] = 0

xp[i] = Math.random()*(doc_ancho-50)

yp[i] = Math.random()*doc_alto

am[i] = Math.random()*20

stx[i] = 0.02 + Math.random()/10

orzuelo[i] = 0.7 + Math.random()

si (documento.capas) {

      si (yo == 0) {

document.write("<nombre de la capa=\"punto"+ i +"\" izquierda=\"15\" ")

document.write("superior=\"15\" visibilidad=\"mostrar\"><img src=\"")

document.write(imagenamor + "\" border=\"0\"></layer>")

      } más {

      document.write("<nombre de la capa=\"punto"+ i +"\" izquierda=\"15\" ")

      document.write("superior=\"15\" visibilidad=\"mostrar\"><img src=\"")

      document.write(imagenamor + "\" border=\"0\"></layer>")

      }

      } else if (document.all || document.getElementById) {

      si (yo == 0) {

      document.write("<div id=\"punto"+ i +"\" estilo=\"POSICIÓN: ")

      document.write("absoluto; Z-INDEX: "+ i +"; VISIBILIDAD: ")

      document.write("visible; ARRIBA: 15px; IZQUIERDA: 15px;\"><img src=\"")

      document.write(imagenamor + "\" border=\"0\"></div>")

      } más {

      document.write("<div id=\"punto"+ i +"\" estilo=\"POSICIÓN: ")

      document.write("absoluto; Z-INDEX: "+ i +"; VISIBILIDAD: ")

      document.write("visible; ARRIBA: 15px; IZQUIERDA: 15px;\"><img src=\"")

      document.write(imagenamor + "\" border=\"0\"></div>")

      }

      }

     }

     

corazon()

}


función corazón() {

for (i = 0; i < numero; ++ i) {

yp[i] += orzuelo[i];

if (yp[i] > doc_alto) {

xp[i] = Math.random()*(doc_ancho-am[i]-30)

yp[i] = 0

stx[i] = 0.02 + Math.random()/10

orzuelo[i] = 0.7 + Math.random()

establece_dimensiones()

}


dx[i] += stx[i];


if (documento.todo) {

var imagen = eval("punto" + i )

imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])

imagen.style.posTop = yp[i]

}

más si (documento.capas) {

var imagen = eval("document.dot" + i)

imagen.izquierda = xp[i] + am[i]*Math.sin(dx[i])

imagen.top = yp[i]

}

más si ( documento.getElementById ) {

var imagen = documento.getElementById( "punto" + i)

imagen.estilo.izquierda = xp[i] + am[i]*Math.sin(dx[i]) + 'px'

imagen.estilo.top = yp[i] + 'px'

}

}


setTimeout("corazón()", velocidad)

}

function establece_dimensiones() {

if (self.innerHeight) {

doc_ancho = self.innerWidth - 50

doc_alto = self.innerHeight - 21

} else if (document.documentElement && document.documentElement.clientHeight) {

doc_ancho = documento.documentElement.clientWidth

doc_alto = documento.documentElement.clientHeight - 25

} else if (documento.cuerpo) {

doc_ancho = documento.cuerpo.clientWidth

doc_alto = documento.cuerpo.clientHeight - 25

}

}

//]]>

</script>

<lenguaje de script='javascript' type='text/javascript'>

amor()

</script>

Fuente: https://inyectandotecnologia.blogspot.com/2015/11/corazones-cayendo-en-la-pagina-de.html


viernes, 24 de junio de 2022

Poner flores cayendo en el Blog

Tutorial bien FLORAL para todos aquell@s que quieran darle un toque especial a sus blogs y sitios. Se trata de incrustar un código que nos permitirá tener distintos tipos de flores cayendo por nuestro blog.

Este tutorial es muy fácil, lo primero que hay que tener en cuenta es que solamente hay que copiar y luego pegar uno de los códigos, que les mostraré a continuación, en uno de los gadget o widget de tu blog, que lo puedes agregar en la configuración del mismo en Diseño de Página o Elemento.


 
Ahora elige el que más te gusta y cópialo.

 

Clic aquí:  https://www.bebloggera.com/2015/06/pon-flores-cayendo-en-tu-blog.html

 

 

 

jueves, 23 de junio de 2022

Efectos en Blog



  1. Efectos para el cursor de tu web o blog
  2. Botón para agrandar o achicar el tamaño de letra del blog con jQuery
  3. Cambiar color de selección de texto en el blog
  4. Corazones cayendo en el blog
  5. Efecto burbujas en el cursor
  6. Efecto clic explosión de estrellas en el cursor
  7. Efecto corazones que salen del cursor y revientan suavemente
  8. Efecto humo en el cursor
  9. Foto de perfil con efecto hover y botones a redes sociales
  10. Nieve cayendo en el blog
  11. Personaliza tu blog » tutoriales San Valentín
  12. Reloj de colores con fecha y hora que sigue al cursor
  13. Tutorial efecto lápiz en Photoshop
  14. Título de tu blog en movimiento
  15. Títulos con subrayado animado deslizante con CSS

» Empezando

  1. 5 consejos para triunfar en Instagram
  2. 5 recomendaciones para mantener tu blog seguro
  3. Agregar AdSense a blogger 1 : en la sidebar
  4. Agregar AdSense a blogger 2 : entre posts (entradas)
  5. Agregar AdSense a blogger 3 : entre el post y los comentarios
  6. Agregar el botón Pinterest para compartir imágenes
  7. Consejos para tener un blog exitoso
  8. Códigos HTML para usar en los comentarios
  9. Cómo verificar tu blog en Pinterest
  10. Fondo en los comentarios del blog
  11. Gadget Formulario de Contacto de Blogger
  12. Insertar emoji en tus post en Blogger
  13. Instalar una plantilla y descargar copia de plantilla en la nueva interfaz de Blogger
  14. Marcadores sociales con efecto opacidad y giro
  15. Marcadores sociales con efecto zoom
  16. Mostrar gadgets/widgets en una página específica
  17. Ocultar botón Send Feedback/Enviar comentarios en las Vistas Dinámicas
  18. Personaliza el Gadget de Entrada destacada de Blogger
  19. URL personalizada en Blogger
  20. Volver a la antigua interfaz de Blogger

 

martes, 21 de junio de 2022

Nieve en el blog que se acumula al final de la página


En esta ocasión usaremos un script de Schillmania que hará que caigan unos finos copos de nieve en el blog y que se irán acumulando al final de la página. Además, la tormenta de nieve se mueve en dirección contraria al cursor, por lo que si movemos el cursor a la derecha entonces la nieve caerá desde la izquierda y viceversa.

Puedes ver un ejemplo en este blog de pruebas.

Para no complicarnos descargando y subiendo archivos, pegaremos el script directo en un gadget, así podrás quitar la nieve del blog cuando quieras con sólo eliminar el gadget.
Si usas la interfaz antigua entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript.
Si usas la nueva interfaz entra en Diseño | Añadir un gadget | HTML/Javascript.
Ahí dentro del gadget pega el siguiente código:
<script type="text/javascript">
//<![CDATA[
// Nieve en el blog
/** @license
DHTML Snowstorm! JavaScript-based Snow for web pages
--------------------------------------------------------
Version 1.42.20111120 (Previous rev: 1.41.20101113)
Copyright (c) 2007, Scott Schiller. All rights reserved.
Code provided under the BSD License:
http://schillmania.com/projects/snowstorm/license.txt
*/
var snowStorm=function(e,d){function g(a,d){isNaN(d)&&(d=0);return Math.random()*a+d}function o(){e.setTimeout(function(){a.start(true)},20);a.events.remove(i?d:e,"mousemove",o)}function r(){if(!a.excludeMobile||!s)a.freezeOnBlur?a.events.add(i?d:e,"mousemove",o):o();a.events.remove(e,"load",r)}this.flakesMax=128;this.flakesMaxActive=64;this.animationInterval=40;this.excludeMobile=true;this.flakeBottom=null;this.followMouse=true;this.snowColor="#ffffff";this.snowCharacter="&bull;";this.snowStick=true;
this.targetElement=null;this.useMeltEffect=true;this.usePositionFixed=this.useTwinkleEffect=false;this.freezeOnBlur=true;this.flakeRightOffset=this.flakeLeftOffset=0;this.flakeHeight=this.flakeWidth=8;this.vMaxX=5;this.vMaxY=4;this.zIndex=0;var a=this,y=this,i=navigator.userAgent.match(/msie/i),z=navigator.userAgent.match(/msie 6/i),A=navigator.appVersion.match(/windows 98/i),s=navigator.userAgent.match(/mobile/i),B=i&&d.compatMode==="BackCompat",t=s||B||z,h=null,k=null,j=null,m=null,u=null,v=null,
p=1,n=false,q;a:{try{d.createElement("div").style.opacity="0.5"}catch(C){q=false;break a}q=true}var w=false,x=d.createDocumentFragment();this.timers=[];this.flakes=[];this.active=this.disabled=false;this.meltFrameCount=20;this.meltFrames=[];this.events=function(){function a(b){var b=f.call(b),c=b.length;l?(b[1]="on"+b[1],c>3&&b.pop()):c===3&&b.push(false);return b}function d(a,c){var e=a.shift(),f=[b[c]];if(l)e[f](a[0],a[1]);else e[f].apply(e,a)}var l=!e.addEventListener&&e.attachEvent,f=Array.prototype.slice,
b={add:l?"attachEvent":"addEventListener",remove:l?"detachEvent":"removeEventListener"};return{add:function(){d(a(arguments),"add")},remove:function(){d(a(arguments),"remove")}}}();this.randomizeWind=function(){var c;c=g(a.vMaxX,0.2);u=parseInt(g(2),10)===1?c*-1:c;v=g(a.vMaxY,0.2);if(this.flakes)for(c=0;c<this.flakes.length;c++)this.flakes[c].active&&this.flakes[c].setVelocities()};this.scrollHandler=function(){var c;m=a.flakeBottom?0:parseInt(e.scrollY||d.documentElement.scrollTop||d.body.scrollTop,
10);isNaN(m)&&(m=0);if(!n&&!a.flakeBottom&&a.flakes)for(c=a.flakes.length;c--;)a.flakes[c].active===0&&a.flakes[c].stick()};this.resizeHandler=function(){e.innerWidth||e.innerHeight?(h=e.innerWidth-(!i?16:16)-a.flakeRightOffset,j=a.flakeBottom?a.flakeBottom:e.innerHeight):(h=(d.documentElement.clientWidth||d.body.clientWidth||d.body.scrollWidth)-(!i?8:0)-a.flakeRightOffset,j=a.flakeBottom?a.flakeBottom:d.documentElement.clientHeight||d.body.clientHeight||d.body.scrollHeight);k=parseInt(h/2,10)};this.resizeHandlerAlt=
function(){h=a.targetElement.offsetLeft+a.targetElement.offsetWidth-a.flakeRightOffset;j=a.flakeBottom?a.flakeBottom:a.targetElement.offsetTop+a.targetElement.offsetHeight;k=parseInt(h/2,10)};this.freeze=function(){var c;if(a.disabled)return false;else a.disabled=1;for(c=a.timers.length;c--;)clearInterval(a.timers[c])};this.resume=function(){if(a.disabled)a.disabled=0;else return false;a.timerInit()};this.toggleSnow=function(){a.flakes.length?(a.active=!a.active,a.active?(a.show(),a.resume()):(a.stop(),
a.freeze())):a.start()};this.stop=function(){var c;this.freeze();for(c=this.flakes.length;c--;)this.flakes[c].o.style.display="none";a.events.remove(e,"scroll",a.scrollHandler);a.events.remove(e,"resize",a.resizeHandler);a.freezeOnBlur&&(i?(a.events.remove(d,"focusout",a.freeze),a.events.remove(d,"focusin",a.resume)):(a.events.remove(e,"blur",a.freeze),a.events.remove(e,"focus",a.resume)))};this.show=function(){var a;for(a=this.flakes.length;a--;)this.flakes[a].o.style.display="block"};this.SnowFlake=
function(a,e,l,f){var b=this;this.type=e;this.x=l||parseInt(g(h-20),10);this.y=!isNaN(f)?f:-g(j)-12;this.vY=this.vX=null;this.vAmpTypes=[1,1.2,1.4,1.6,1.8];this.vAmp=this.vAmpTypes[this.type];this.melting=false;this.meltFrameCount=a.meltFrameCount;this.meltFrames=a.meltFrames;this.twinkleFrame=this.meltFrame=0;this.active=1;this.fontSize=10+this.type/5*10;this.o=d.createElement("div");this.o.innerHTML=a.snowCharacter;this.o.style.color=a.snowColor;this.o.style.position=n?"fixed":"absolute";this.o.style.width=
a.flakeWidth+"px";this.o.style.height=a.flakeHeight+"px";this.o.style.fontFamily="arial,verdana";this.o.style.overflow="hidden";this.o.style.fontWeight="normal";this.o.style.zIndex=a.zIndex;x.appendChild(this.o);this.refresh=function(){if(isNaN(b.x)||isNaN(b.y))return false;b.o.style.left=b.x+"px";b.o.style.top=b.y+"px"};this.stick=function(){t||a.targetElement!==d.documentElement&&a.targetElement!==d.body?b.o.style.top=j+m-a.flakeHeight+"px":a.flakeBottom?b.o.style.top=a.flakeBottom+"px":(b.o.style.display=
"none",b.o.style.top="auto",b.o.style.bottom="0px",b.o.style.position="fixed",b.o.style.display="block")};this.vCheck=function(){if(b.vX>=0&&b.vX<0.2)b.vX=0.2;else if(b.vX<0&&b.vX>-0.2)b.vX=-0.2;if(b.vY>=0&&b.vY<0.2)b.vY=0.2};this.move=function(){var d=b.vX*p;b.x+=d;b.y+=b.vY*b.vAmp;if(b.x>=h||h-b.x<a.flakeWidth)b.x=0;else if(d<0&&b.x-a.flakeLeftOffset<-a.flakeWidth)b.x=h-a.flakeWidth-1;b.refresh();if(j+m-b.y<a.flakeHeight)b.active=0,a.snowStick?b.stick():b.recycle();else{if(a.useMeltEffect&&b.active&&
b.type<3&&!b.melting&&Math.random()>0.998)b.melting=true,b.melt();if(a.useTwinkleEffect)if(b.twinkleFrame)b.twinkleFrame--,b.o.style.visibility=b.twinkleFrame&&b.twinkleFrame%2===0?"hidden":"visible";else if(Math.random()>0.9)b.twinkleFrame=parseInt(Math.random()*20,10)}};this.animate=function(){b.move()};this.setVelocities=function(){b.vX=u+g(a.vMaxX*0.12,0.1);b.vY=v+g(a.vMaxY*0.12,0.1)};this.setOpacity=function(a,b){if(!q)return false;a.style.opacity=b};this.melt=function(){!a.useMeltEffect||!b.melting?
b.recycle():b.meltFrame<b.meltFrameCount?(b.meltFrame++,b.setOpacity(b.o,b.meltFrames[b.meltFrame]),b.o.style.fontSize=b.fontSize-b.fontSize*(b.meltFrame/b.meltFrameCount)+"px",b.o.style.lineHeight=a.flakeHeight+2+a.flakeHeight*0.75*(b.meltFrame/b.meltFrameCount)+"px"):b.recycle()};this.recycle=function(){b.o.style.display="none";b.o.style.position=n?"fixed":"absolute";b.o.style.bottom="auto";b.setVelocities();b.vCheck();b.meltFrame=0;b.melting=false;b.setOpacity(b.o,1);b.o.style.padding="0px";b.o.style.margin=
"0px";b.o.style.fontSize=b.fontSize+"px";b.o.style.lineHeight=a.flakeHeight+2+"px";b.o.style.textAlign="center";b.o.style.verticalAlign="baseline";b.x=parseInt(g(h-a.flakeWidth-20),10);b.y=parseInt(g(j)*-1,10)-a.flakeHeight;b.refresh();b.o.style.display="block";b.active=1};this.recycle();this.refresh()};this.snow=function(){for(var c=0,d=0,e=0,f=null,f=a.flakes.length;f--;)a.flakes[f].active===1?(a.flakes[f].move(),c++):a.flakes[f].active===0?d++:e++,a.flakes[f].melting&&a.flakes[f].melt();if(c<a.flakesMaxActive&&
(f=a.flakes[parseInt(g(a.flakes.length),10)],f.active===0))f.melting=true};this.mouseMove=function(c){if(!a.followMouse)return true;c=parseInt(c.clientX,10);c<k?p=-2+c/k*2:(c-=k,p=c/k*2)};this.createSnow=function(c,d){var e;for(e=0;e<c;e++)if(a.flakes[a.flakes.length]=new a.SnowFlake(a,parseInt(g(6),10)),d||e>a.flakesMaxActive)a.flakes[a.flakes.length-1].active=-1;y.targetElement.appendChild(x)};this.timerInit=function(){a.timers=!A?[setInterval(a.snow,a.animationInterval)]:[setInterval(a.snow,a.animationInterval*
3),setInterval(a.snow,a.animationInterval)]};this.init=function(){var c;for(c=0;c<a.meltFrameCount;c++)a.meltFrames.push(1-c/a.meltFrameCount);a.randomizeWind();a.createSnow(a.flakesMax);a.events.add(e,"resize",a.resizeHandler);a.events.add(e,"scroll",a.scrollHandler);a.freezeOnBlur&&(i?(a.events.add(d,"focusout",a.freeze),a.events.add(d,"focusin",a.resume)):(a.events.add(e,"blur",a.freeze),a.events.add(e,"focus",a.resume)));a.resizeHandler();a.scrollHandler();a.followMouse&&a.events.add(i?d:e,"mousemove",
a.mouseMove);a.animationInterval=Math.max(20,a.animationInterval);a.timerInit()};this.start=function(c){if(w){if(c)return true}else w=true;if(typeof a.targetElement==="string"&&(c=a.targetElement,a.targetElement=d.getElementById(c),!a.targetElement))throw Error('Snowstorm: Unable to get targetElement "'+c+'"');if(!a.targetElement)a.targetElement=!i?d.documentElement?d.documentElement:d.body:d.body;if(a.targetElement!==d.documentElement&&a.targetElement!==d.body)a.resizeHandler=a.resizeHandlerAlt;
a.resizeHandler();a.usePositionFixed=a.usePositionFixed&&!t;n=a.usePositionFixed;if(h&&j&&!a.disabled)a.init(),a.active=true};a.events.add(e,"load",r,false);return this}(window,document);
//]]>
</script>

 

Guarda los cambios y a aguantarse el frío virtual.
El número 40 es la velocidad en la que cae la nieve, con un valor más bajo caerá más rápida y con uno más alto caerá más despacio.
En color rojo está el código del color de la nieve, en este caso es blanca, pero puedes cambiarlo por otro en caso que tu blog sea de un color claro, sino pues no se verá.
Cuando acabe la temporada navideña sólo elimina el gadget donde pusiste el código y se habrá ido la nieve.