Buscar



lunes, 7 de diciembre de 2015

Decorar blog para navidad- Parte 1

Hola como os dijimos hoy os traemos unos gadget para decorar vuestro blogs para navidad y para el RETO DE NAVIDAD- DECORAR TU BLOG.



NIEVE EN EL BLOG
VER DEMO
<script type="text/javascript">var speed=30; // A menor numero más rápidovar flakes=150; // Numero de Copos de Nievevar flake_image="http://i60.servimg.com/u/f60/13/20/23/83/sin_ta11.png"; // URL de la imagen de nievevar 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 BRILLANDO POR EL BLOG

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

HOJAS QUE CAEN DESDE ARRIBA DEL BLOG

VER DEMO

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


BOLAS QUE SUBEN CON OBJETOS NAVIDEÑOS EN SU INTERIOR


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

VER DEMO

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/17/17044/6/parts.js"></script>
GADGET DE DÍAS QUE FALTAN PARA NAVIDAD

VER DEMO

<style>@charset "utf-8";/* CSS Document */.sm_counter_cont {position: relative;width: 200px;border-radius: 5px;float: left;background:#fff;padding: 5px 10px;font-family: Arial, Helvetica, sans-serif;margin-left: 30px;margin-top: 10px;box-shadow:inset 0px 1px 8px rgba(0,0,0,0.1);}.sm_santa {width: 50px;height: 70px;position: absolute;left: -18px;top: -10px;background-image: url(http://conversionvoodoo.com/Clients/blogposts/smalltimer/images/santa.png);}.sm_counter_cont h1 {font-size: 15px;margin: 0 0 2% 0;text-align: CENTER;color: #000;}.sm_counter_column {color: #000;width: 23%;float: left;border-top: 1px solid #ccc;padding: 2% 0px;margin: 0px 1%;border-radius: 5px;background-color: #FFF;text-align: center;}.sm_column_top {font-weight: bold;}.sm_column_bottom {text-transform: uppercase;font-size: 7px;color: #898989;}</style><div class="sm_counter_cont"><div class="sm_santa"></div><h1>! Días para Navidad !</h1><div class="sm_counter_column"><div class="sm_column_top" id="xmasdays"></div><div class="sm_column_bottom">Dias</div></div><div class="sm_counter_column"><div class="sm_column_top" id="xmashours"></div><div class="sm_column_bottom">Horas</div></div><div class="sm_counter_column"><div class="sm_column_top" id="xmasminutes"></div><div class="sm_column_bottom">Minutos</div></div><div class="sm_counter_column"><div class="sm_column_top" id="xmasseconds"></div><div class="sm_column_bottom">Segundos</div></div></div><script type="text/javascript">function calculateXmasCounter() {//calculatevar now = new Date();var current_year = now.getFullYear();var xmas = new Date(current_year, 11, 25, 0, 0, 0, 0); //Xmas Date (be careful: 11 is December)var hoursleft = 23 - now.getHours();var minutesleft = 59 - now.getMinutes();var secondsleft = 59 - now.getSeconds();var daysleft = Math.floor((xmas - now) / (1000*60*60*24));//format 0 prefixesif (minutesleft < 10) minutesleft = "0" + minutesleft;if (secondsleft < 10) secondsleft = "0" + secondsleft;//displaydocument.getElementById('xmasdays').innerHTML = (daysleft < 0) ? 0 : daysleft;document.getElementById('xmashours').innerHTML = (daysleft < 0) ? 0 : hoursleft;document.getElementById('xmasminutes').innerHTML = (daysleft < 0) ? "00" : minutesleft;document.getElementById('xmasseconds').innerHTML = (daysleft < 0) ? "00" : secondsleft;}calculateXmasCounter();setInterval(calculateXmasCounter, 1000);</script>
PAPA NOEL TE DESEA FELIZ NAVIDAD



<script src="http://img50.xooimage.com/files/0/8/e/papa-noel-2306a2b.js" type="text/javascript"></script><span id="supertext" style="color: white; font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; left: 0; position: absolute; text-align: center; text-decoration: none; top: 0; z-index: 99999999;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Z3vU4sajSo1LNl-PW3IZKyFJblNMA86v1DxAXzxh-nha8jrR3-h7M4BnjiacSQE59-Z2MnZd6xqj5PvoV380JdPUjr8_LnGAfQ397fHsRjonfDo5LJDZnd8DhIXGst2c8xD03HdUdViS/s1600/papa-noel.gif" /><br />¡¡¡ FELIZ NAVIDAD !!!</span>

el papa noel aparece y desaparece 

ESTRELLAS QUE SE DESPLAZAN DE IZQUIERDA A DERECHA

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/0/7/20/parts.js"></script>
PAPA NOEL RECORRE EL BLOG EN UN TRINEO

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

ÁRBOL DE NAVIDAD DEBAJO DEL BLOG

<img style="border:none;position:fixed;bottom:-10px; left:10px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnjEemqLpD1kpmBwZoZxM6SuWTC8Lrk9e706xuPVzp7WMToxNCpMamX5KzGwMRNGxD6D5zVJi9HiTXk-bsv9bwkiR8meTcToZwc2dFpAd3G11HlAu0ftZIuXYsFa6hgbthzNYuYuOwFN0/s1600/Christmas-tree-256%255B3%255D.png" />
Bueno pues aquí tenéis algunas cosas chulas, seguiremos poniendo estos días post para que decoréis vuestros blogs no os lo perdáis.

3 comentarios:

  1. ¡Muy completo! Gracias por compartir todos estos recursos navideños :)

    ResponderEliminar
  2. Muchas gracias por compartirlo chicas!! :)
    Un besazo^^

    ResponderEliminar
  3. Hola!

    Acabo de descubrir este sitio y me encanta!! Seguramente voy a intentar poner uno de estos gadgets en mi blog! Muchas gracias!

    Besoos!

    ResponderEliminar

Gracias por pasarte, comentar y unirte.
Nuestro mail es asociacion.bloguer@gmail.com