Abelha Voando No Blogger

Nesta postagem compartilho com vocês outro código bem criativo em relação aos demais. Ter a abelha voando no seu blog fará com que o seu blog fique com um design bem legal, ainda mais se o seu blog tiver alguma relação com humor. Espero que gostem!

Para coloca-la no blogger... Entre em "Modelo" - "Editar HTML" e procure pela tag

<body>

Tendo encontrado a tag, mude-a para

<body onload='iniciar()'>

Tendo feito isto, salve e feche a parte de edição HTML

Agora entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte 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/AVvXsEgjaHZ2c339zRJGnEDis5JbBB_Bk5Bt0cKg-TUhjJNn8aPt7XbMSYlbTH3NOVK4-g0kJQvCURrI1-CBabxCZy45s-M6Sh0bzsmwiXHS-E0NALgWeYGJzX1aZLWAgkJR9592hHqGI2DJ0Ns/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
// final -->
</script><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/AVvXsEgjaHZ2c339zRJGnEDis5JbBB_Bk5Bt0cKg-TUhjJNn8aPt7XbMSYlbTH3NOVK4-g0kJQvCURrI1-CBabxCZy45s-M6Sh0bzsmwiXHS-E0NALgWeYGJzX1aZLWAgkJR9592hHqGI2DJ0Ns/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
// final -->
</script>

Tendo colado o código, basta salvar e pronto!!!

Cursos On-line 24 Horas - Educação a Distância de Qualidade

Carregando atualizações...

Abelha Voando No Blogger

DESTAQUES DO MÊS