Bom neste tutorial vou ensinar vocês a fazerem um header Rotativo.Vou dividi-lo em partes para facilitar.

Oque é?
Irá fazer com que o header do blog/site fique alternado entre as atualizações.

Vamos ao tutorial!
  1. Aperte Ctrl +F e procure pela linha </head>;
  2. Acima dela cole o codigo abaixo.
<script type="text/javascript">
var banner= new Array()
banner[0]="Imagem da Header"
banner[1]="Imagem da Header 1"
banner[2]="Imagem da Header 2"
banner[3]="Imagem da Header 3"
banner[4]="Imagem da Header 4"
banner[5]="Imagem da Header 5"
var random=Math.floor(6*Math.random());
document.write("<style>");
document.write("#header-wrapper {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>


 Part 2
Agora temos que cancelar a outra header, aquela que não está se mechendo.
  1. Pesquise por #header-wrapper;
  2. Vá aonde está escrito background e tire a URL da sua img.
Vizualize para ver se nãodeu nenhum tipo de erro e então salve.Está pronto, a cada atualização (F5), ou a cada pagina trocada a sua header irá ser modificada automaticamente. ,