[BLOGSPOT] Cabeceras dinamicas? en PC

BeaKManiak 22 abr 2008 17:35

Everything Burrito

3.758 mensajes
desde dic 2002
en Sabadell

Twitter de BeaKManiak Steam ID: BeaKManiak

Para mi blogspot utilizo este javascript:

<!-- RANDOM BANNER SCRIPT -->

<script type="text/javascript">
<!--
pic_width=600;   /*change to match the height of all your images */
pic_height=150;   /* change to match the width of all your images */
border_size=0;   /* change to the border size you want on the images */
alignment=1;      /* 0=left,1=center */

/* define image urls */

if (document.images)
 {
     pic1= new Image(pic_width,pic_height);
     pic1.src="http://img529.imageshack.us/img529/5923/logoaniversariun3.gif";  
     pic2= new Image(pic_width,pic_height); 
     pic2.src="http://img177.imageshack.us/img177/6408/logoyotsuba2ll.gif"; 
     pic3= new Image(pic_width,pic_height);
     pic3.src="http://img276.imageshack.us/img276/8589/logowiimi8.jpg";  
     pic4= new Image(pic_width,pic_height);
     pic4.src="http://img168.imageshack.us/img168/2256/logoanikuriln6.jpg";  
     pic5= new Image(pic_width,pic_height);
     pic5.src="http://img504.imageshack.us/img504/6960/logofinalfantasyviigs5.jpg"; 
 }    

/* define banner urls */

urlad1="http://beakmaniak.blogspot.com/";
urlad2="http://beakmaniak.blogspot.com/";
urlad3="http://beakmaniak.blogspot.com/";
urlad4="http://beakmaniak.blogspot.com/";
urlad5="http://beakmaniak.blogspot.com/";

/* no need to edit past this point (unless you want to add more image and url slots) */

if (alignment==1)
 {
  cent_it="<center>";
  cent_it2="</center>";
 }
else
 {
  cent_it="";
  cent_it2="";
 }
 
function get_random(maxNum)
{
  if (Math.random && Math.round)
  {
    var ranNum= Math.round(Math.random()*(maxNum-1));
    ranNum+=1;
    return ranNum;
  }
  else
  {
  today= new Date();
  hours= today.getHours();
  mins=   today.getMinutes();
  secn=  today.getSeconds();
  if (hours==19)
   hours=18;
  var ranNum= (((hours+1)*(mins+1)*secn)%maxNum)+1;
  return ranNum; 
  }
}

function get_Image()
{
 if (document.images)
 {
  var choose_one= get_random(5);  
  choose_one--;

  var pics= new Array(5) 
   pics[0]=pic1.src;
   pics[1]=pic2.src;
   pics[2]=pic3.src;
   pics[3]=pic4.src;
   pics[4]=pic5.src; 

  var aurl= new Array(5)
  aurl[0]=urlad1;
  aurl[1]=urlad2;
  aurl[2]=urlad3;
  aurl[3]=urlad4;
  aurl[4]=urlad5;

  document.write(cent_it+"<A HREF='"+aurl[choose_one]+"'><IMG SRC='"+pics[choose_one]+"' width='"+pic_width+"' height='"+pic_height+"' border='"+border_size+"'></A>"+cent_it2);
 }
}
//-->
</script>

<!-- END RANDOM BANNER SCRIPT -->

Tienes que meter este código entre las etiquetas y . Luego tan solo tienes que cambiar las URL de las imágenes en "pic1.src" y si quieres que cada imagen tenga un enlace diferente, tendrás que fijarte en el nº de "urlad1" (yo tengo todas las imágenes enlazadas a la página principal del blog.