Efectos en el blog

1. Caen iconos del cielo: http://bpmaker.giffy.me/list/categoryId/1/

2. Los iconos suben hacia arriba (hay algunos que cuando le pasas el cursor explotan, apareciendo otros iconos que desaparecen): http://bpmaker.giffy.me/list/categoryId/2/

3.Los iconos aparecen por un lado del blog y aparecen por el otro:  http://bpmaker.giffy.me/list/categoryId/3/

4. Los iconos van cayendo de tu cursor conforme lo vas moviendo:  http://bpmaker.giffy.me/list/categoryId/3/

5. Los iconos salen disparados hacia arriba y luego caen: http://bpmaker.giffy.me/list/categoryId/5/

6. Los iconos van subiendo y luego explotan como si fueran fuegos artificiales: http://bpmaker.giffy.me/list/categoryId/6/

7. Varios iconos se van moviendo por tu blog: http://bpmaker.giffy.me/list/categoryId/7/

8. Relojes para tu blog: http://bpmaker.giffy.me/list/categoryId/9/

9. Sistemas de cuenta atrás: http://bpmaker.giffy.me/list/categoryId/10/

10.Presentación de imágenes con un marco:  http://bpmaker.giffy.me/list/categoryId/11/

11. Tarjetas con texto (en japonés, claro): http://bpmaker.giffy.me/list/categoryId/12/

12. Pins y accesorios: http://bpmaker.giffy.me/list/categoryId/14/

13. Imágenes que avisan una notificación: http://bpmaker.giffy.me/list/categoryId/15/

14. Mini - juegos (cualquier visitante de tu blog incluso tú podréis jugar): http://bpmaker.giffy.me/list/categoryId/16/

15. Calendarios: http://bpmaker.giffy.me/list/categoryId/17/

Fuente: https://eldesastredemaria.blogspot.com/2013/04/bpmaker-como-poner-complementos-html-en.html#more

Lluvia en el blog

 <!-- Lluvia en el blog -->

<div style="display:none;">
<script type="text/javascript" src="http://blogparts.giffy.me/0117/parts.js"></script><p style="text-align: center;margin:0;padding:0;">
<a href="http://giffy.me/baby/"><img style="border:0;" src="http://blogparts.giffy.me/0117/parts.gif" alt="降水確率100%ブログパーツ;" /></a></p>
<p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">
[PR] <a href="http://typing.twi1.me/" rel="nofollow">楽しくタイピング練習！</a></p>
</div>
<iframe allowtransparency='true' frameborder='0' marginheight='0' marginwidth='0' scrolling='no' src='http://audio-play.blogspot.com/p/lluvia.html' style='height:0; width:0;'></iframe>
<!-- Fin lluvia en el blog -->

Fuente: https://www.ciudadblogger.com/search/label/Efectos

Abeja volando en la pantalla

Este es un script creado por Juan Rodríguez que nos pondrá a jugar un poco, pues hará que una abeja vuele por la pantalla del blog y no se detendrá hasta que consigas hacer click sobre ella.

Puedes ver un ejemplo en este blog de pruebas.

Para ponerlo en tu blog sólo necsitas realizar dos sencillos pasos, entra en Diseño | Añadir gadget | HTML/Javascript y ahí pega este código:

<h3 align='center'>Controles de la abeja</h3>
<div id='abeja' style='position:absolute; top:0px; left:0px; visibility:hidden; z-index:10'>
<a href='javascript:void(0)' onclick='abejacazada()'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0il5eXKMyWJgz9Ho3dbXYoyRqlahLT8gZkkl9OS68OGXX8l49gnIUYtAZg5BQun1b1VVQKoMLIPvLRTkYYlLoMIfe7xM5WAQf6WO4lD7JqS6WnnthKQEgtH7kaA9hou6FTIYiZvK106w/s1600/Abeja.gif" style="width:52px; height:51px; border:0;" /></a></div>

<center>
<input name="detener" type="button"
onclick="abejacazada()" value="Detener" />
<input name="volar" type="button"
onclick="iniciar()" value="Volar" />
</center>

<script type='text/javascript'>
// Juan Rodríguez [Consultor]
<!-- inicio
var velocidad=100;
var cambio=200;
var CamHorMax=25;
var CamVerMax=25;
var hor, ver;
var DesHor=2;
var DesVer=2;
var DirHor=true;
var DirVer=true;

function iniciar() {
ajustar();
volar(hor/2,ver/2);
document.getElementById('abeja').style.visibility="visible";
animar();
cambiar();
reiniciar(); }

function ajustar() {
if (document.all) {
hor=document.body.clientWidth;
ver=document.body.clientHeight }
else if (document.getElementById && !document.all) {
hor=window.innerWidth;
ver=window.innerHeight } }

function volar(PosHor, PosVer) {
document.getElementById('abeja').style.top=parseInt(document.getElementById('abeja').style.top)+PosVer + "px";
document.getElementById('abeja').style.left=parseInt(document.getElementById('abeja').style.left)+PosHor + "px"; }

function animar() {
PosHor=parseInt(document.getElementById('abeja').style.left);
PosVer=parseInt(document.getElementById('abeja').style.top);

if (DirVer) {
if ( (PosVer) > (ver-75) ) {DirVer=false; volar(0,-DesVer); } else {volar(0,DesVer); } }
else
{ if ( (PosVer) < 75) {DirVer=true; volar(0,DesVer); } else {volar(0,-DesVer);} }

if (DirHor) {
if ( (PosHor) > (hor-75) ) {DirHor=false; volar(-DesHor,0); } else {volar(DesHor,0); } }
else
{ if ( (PosHor) < 75) {DirHor=true; volar(DesHor,0); } else {volar(-DesHor,0); } }
setTimeout('animar()',velocidad); }

function cambiar() {
DirHor=(Math.floor(Math.random()*2)==0);
DirVer=(Math.floor(Math.random()*2)==0);
DesHor=Math.floor(Math.random()*CamHorMax);
DesVer=Math.floor(Math.random()*CamVerMax);
setTimeout('cambiar()',cambio); }

function abejacazada() { document.getElementById('abeja').style.visibility="hidden" }

function reiniciar() {setTimeout("window.onresize=releer",400) }

function releer() { window.location.reload() }

window.onresize = ajustar
window.onload = iniciar;
// final -->
</script>

Fuente: https://www.ciudadblogger.com/2010/04/abeja-volando-en-la-pantalla.html 

EFECTOS en el Blog

 Poner efectos  en el Blog --Enlace a la página >GiffyBaby<

Estrellas brillando: 

<script type="text/javascript" src="http://blogparts.giffy.me/0074/parts.js"></script>

Motivos navideños: 

https://nanocuriosidadesblogger.blogspot.com/p/efectos-navidenos.html

Efectos en Blog

Efectos en Blog http://tutoriales-de-blogger.blogspot.com/search/label/blogger

Nieve en tu Blog http://tutoriales-de-blogger.blogspot.com/search/label/tutorial