Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Festividades » Gadgets y Widgets » Decora tu blog con gadgets navideños

domingo, 8 de diciembre de 2013

Decora tu blog con gadgets navideños

Add Comment
Festividades, Gadgets y Widgets
domingo, 8 de diciembre de 2013
Navidad, es una de las fiestas más importantes ya que ese día recordamos el nacimiento de nuestro señor Jesucristo en belén.



Para los que tenemos un blog, es importante hacer sentir a los usuarios o visitantes, esa emoción de estas fiestas navideñas, para ello los bloggers decoramos nuestros blogs para esta festividad con gadgets.

A continuación les mostraré varios gadgets navideños muy bonitos que encontré en Amor Sevillista y que puedes añadir fácilmente en tu blog.

Nos dirigimos a Diseño, Añadir Gadget, HTML/Javascript y ahí pega el código del gadget que más te llamó la atención.

NIEVE EN EL BLOG

    Demo    
<script type="text/javascript">
var speed=30; // A menor numero más rápido
var flakes=150; // Numero de Copos de Nieve
var flake_image="http://i60.servimg.com/u/f60/13/20/23/83/sin_ta11.png"; // URL de la imagen de nieve
var swide, shigh;
var dx=new Array();
var xp=new Array();
var yp=new Array();
var am=new Array();
var sty=new Array();
window.onload=function() { if (document.getElementById) {
var k, f, b;
b=document.createElement("div");
b.style.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
for (var i=0; i<flakes; i++) {
dx[i]=0;
am[i]=Math.random()*20;
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=Math.random()*shigh;
sty[i]=0.75+1.25*Math.random();
f=document.createElement("div");
f.style.position="absolute";
f.setAttribute("id", "flk"+i);
f.style.zIndex=i;
f.style.top=yp[i]+"px";
f.style.left=xp[i]+"px";
k=document.createElement("img");
k.src=flake_image;
f.appendChild(k);
b.appendChild(f);
}
setInterval("winter_snow()", speed);
}}
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600
}
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
document.getElementById("bod").style.top=sdown+"px";
document.getElementById("bod").style.left=sleft+"px";
}
function winter_snow() {
for (var i=0; i<flakes; i++) {
yp[i]+=sty[i];
if (yp[i]>shigh-30) {
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=0;
sty[i]=0.75+1.25*Math.random();
}
dx[i]+=0.02+Math.random()/10;
document.getElementById("flk"+i).style.top=yp[i]+"px";
document.getElementById("flk"+i).style.left=(xp[i]+am[i]*Math.sin(dx[i]))+"px";
}
}
</script>

Estrellas que caen

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

Burbujas con objetos navideños adentro

   Demo    

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/16/16833/18/parts.js"></script>

Corazones que salen del cursor 

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

Estrellas que se desplazan de izquierda a derecha

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


Yo solo escogí los gadgets que creo que te pueden gustar, puedes adquirir más gadgets con estos fabulosos  efectos en el blog Amor Sevillista.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Decora tu blog con gadgets navideños "

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Delicacy-Excelente plantilla Blogger para decoración
    Delicacy-Excelente plantilla Blogger para decoración
    Delicacy es una magnifica plantilla para Blogger que como lo indica el titulo de esta entrada es perfecta para sitios de decoracion, comidas...
  • Como recuperar mi contraseña en Blogger
    Como recuperar mi contraseña en Blogger
    Seguramente que muchas veces les ha pasado que olvidan su contraseña de acceso a su cuenta de Blogger, si has pasado por esta situación sabe...
  • Murciélagos volando que caen y se desvanecen en el blog
    Murciélagos volando que caen y se desvanecen en el blog
    Hoy es el dia de Halloween en todo el mundo y muchos son los que me han enviado solicitudes sobre algun tutorial para este dia, asi que acat...
  • Añadir marca de agua a las imagenes
    Añadir marca de agua a las imagenes
    Muchos bloggueros que comparten imagenes en la red quieren dejar su sello personal en dichas imagenes y que mejor forma que ponerles a las i...
  • Copos de Nieve cayendo en el blog
    Copos de Nieve cayendo en el blog
    Ya casi es navidad y muchos bloggers quieren poner sus blogs acorde al estilo de la epoca, asi que por eso hoy he querido compartir un truco...
  • Menú vertical con CSS3 y jQuery para Blogger
    Menú vertical con CSS3 y jQuery para Blogger
    En Ayuda Blogger he encontrado un maravilloso menu vertical hecho con CSS3 y libreria jQuery que ademas de tener un aspecto genial ahorra m...
  • Cursos para Blogger-Una buena oportunidad para aprender
    Cursos para Blogger-Una buena oportunidad para aprender
    En esta oportunidad quería compartir con ustedes algo muy importante en el mundo de los blogs y son los cursos para Blogger. En estos cursos...
  • ImageBam, Excelente hosting de imagenes
    ImageBam, Excelente hosting de imagenes
    Amigos Bloggero hoy paso a recomendarles un excelente hosting de imagenes y es ImageBam, que es un servicio de almacenamiento que permite gu...
  • Suscripcion por email en Blogger
    Suscripcion por email en Blogger
    Este truco nos permitira la suscripcion via email para nuestros lectores asi nuestras entradas les llegaran a su correo. El recuadro de la s...
  • Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Siguiendo con los tutoriales para Wordpress hablare de un excelente plugin que he usado para agregar un sistema de calificaciones a mis blog...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ▼  2013 (322)
    • ▼  diciembre (34)
      • Feliz año 2014
      • Mensaje de navidad al estilo de Google
      • Problemas con el gadget de seguidores
      • Feliz navidad 2013
      • Seis formas de mejorar tu blog con Google+
      • DW One Page Christmas- Theme premium para Wordpress
      • Tarjeta navideña de Papa Noel con efecto zoom para...
      • Blackberry perdió US$4400 millones
      • Agregar más fonts en blogger con Google Fonts
      • Como hacer SEO de forma correcta
      • Ventajas de tener un correo en Gmail
      • El uso del correo electrónico en los blogs parte 2
      • Cosas interesantes que puedes hacer con tu Twitter
      • El uso del correo electrónico en los blogs parte 1
      • Fondos de pantalla HD en el diseño web
      • Personalizar la página de error 404
      • Iconos sociales navideños con efecto zoom
      • Iconos sociales con efecto hover
      • Papá Noel cayéndose y desvaneciéndose en tu blog
      • Sorteos y regalos gratis-Una excelente estrategia ...
      • Consejos de seguridad para los blogs Parte 2
      • Consejos de seguridad para los blogs Parte 1
      • Papa Noel que muestra los días que faltan para la ...
      • El inglés es el idioma de la programación web
      • Decora tu blog con gadgets navideños
      • Libros electrónicos (Revolución en la forma de leer)
      • Juego de Plants vs Zombies para Blogger
      • Dominios .com a solo 0.99$
      • Fenomenal plantilla para Blogger- Dynamo Multimedia
      • Plantilla para crear tu propio Photoshop en Blogger
      • La nueva actualización de WhatsApp provoca un gast...
      • ZAnime-MF V5 - Plantilla para Blogger
      • Pop Up multifuncional para tu blog
      • Menú horizontal con JQuerry y CSS3
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ►  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ►  enero (15)
  • ►  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .