Personaliza Tu Blog: Cambio de Plantillas en Blogger

 

Lo primero es guardar la plantilla que ya tenemos para tener un respaldo de todo, esta tarea se debería hacer regularmente en caso de problemas con los servidores, no solamente cuando quieran cambiar las plantillas, la opción se encuentra dentro del menú de Plantillas en la parte superior derecha "Crear copia de seguridad/Restrablecer", allí se presiona el botón "Descargar plantilla completa". Con el blog respaldado podemos hacer y deshacer sin problemas.

En el mismo menú Plantillas, en la sección Ahora en el Blog, presionas el botón "Personalizar", donde se abrirá un menú superior junto a una vista previa del blog donde podrás ir probando los diversos diseños que Blogger proporciona, luego de seleccionar el que más te agrade, puedes ir personalizando distintas opciones:

• Fondo: donde puedes agregar una imagen, color, etc.

• Ajustar ancho: defines el ancho de la sección principal y de los laterales.

• Diseño: puedes diseñar el esquema que tendrá en blog, además de mover todos los elementos de éste.

• Avanzado: permite cambiar el aspecto (tamaño, fuente, colores, etc.) de los elementos del blog como el título, enlaces, fondos, textos, imágenes, etc., etc.

   

  Cuando consigas lo que quieres, presionas el botón "Aplicar al blog" y ya estará todo como a ti te gusta con los widgets que tenías en la plantilla anterior.

  
  

  En caso que no te guste, puedes subir tu plantilla guardada, en "Crear copia de seguridad/Restrablecer" buscas el archivo con extensión .xml y lo subes, todo queda como antes.

  
  

 

Efecto - Copos de Nieve cayendo en nuestro Blog

 

1. Ir a Diseño > Añadir un Gadget > HTML/JavaScript y allí pegaremos el siguiente código:

<script type='text/javascript'>
var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}

var numObjs=20, waft=50, fallSpeed=10, wind=0;
newObject("http://2.bp.blogspot.com/--fII5xz-9vY/UM-djWHHwgI/AAAAAAAABrI/tEKS6_ctv_k/s400/nieve2_jessi_diyva.png",22,22);
newObject("http://3.bp.blogspot.com/-DPHwVIctTlg/UM-di9jKOiI/AAAAAAAABq8/wV567ynxL2U/s400/nieve1_jessi_diyva.png",22,22);

function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;}
function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;}
function fallObject(num,vari,nu){
objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);
if(nu==1){document.write('<img id="fO'+i+'" style="position:fixed;" src="'+fallObjects[vari][0]+'">'); }
}
function fall(){
for(i=0;i<numObjs;i++){
var fallingObject=document.getElementById('fO'+i);
if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}
objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3];
with(fallingObject.style){ top=objects[i][1]+winOffset+'px';left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+'px';}
}
setTimeout("fall()",31);
}
var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();
for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}
fall();
</script>

2. Guardamos y vamos a ver el blog a ver que tal ha quedado el efecto.

Lo que está en color Naranja es la URL de la imagen que hace el papel de copo de Nieve la pueden cambiar si así lo desean, pero recuerden que debe ser en PNG para que no quede un poco ordinario al ver el efecto.

 Fuente: http://tutoriales-de-blogger.blogspot.com/search/label/tutorial

Corazones caen del cursor y se desvanecen

Clic: http://tutoriales-de-blogger.blogspot.com/2016/02/corazones-cayendo-de-tu-cursor.html