Banner Com Imagens Que Mudam Ao Recarregar a Página
Nesta postagem irei mostrar para vocês um código bem interessante. Geralmente ve estes tipos de código em Plugins.
Eu consegui passar o plugin que seria para word press para HTML. O código ficou bem simples, mas, ficou igual ao que seria para worpress.
Cada vez que você atualiza a página do seu blog, automaticamente irá mudar de imagem... muito útil, não é?
Eu coloquei este código em um dos meus blogs de teste veja uma demonstração:
http://shrekando.blogspot.com.br/
Para colocar em seu blog... Entre em "Modelo" - "Editar HTML" e procure pela tag
</head>
<script type='text/javascript'>function ocb(){
document.getElementById('FrutuanteDicasHot').innerHTML='';
}</script>
Agora, procure pela tag]]></b:skin>
Tendo encontrado a tag, cole ACIMA dela o seguignte código#FrutuanteDicasHot{bottom:5px;left:5px;position:fixed;}
Pode salvar e fechar a parte de edição html.Agora, entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:
<div id="FrutuanteDicasHot"><div class="sidebar-block">
<b style="float:right;" id="ocbb"><a href="javascript:ocb();"style="color:#000;text-decoration:none;font-weight:bold;">FECHAR</a></b>
<script language="javascript">
var
MNews = new Array();
MNews[0]= '<a href="http://goo.gl/hYTLkB" target="_blank"><img src="http://www.ps3attitude.com/wp-content/uploads/2008/12/wolverine-origins-jackman-300x200.jpg" alt="" name="ddddd_r3_c2" width="300" height="200" border="0" id="ddddd_r3_c2" /></a>'
MNews[1]= '<a href="http://goo.gl/hYTLkB" target="_blank"><img src="http://www.not1.com.br/wp-content/uploads/2011/03/Honda-civic-2012-300x200.jpg" alt="" name="ddddd_r3_c2" width="300" height="200" border="0" id="ddddd_r3_c2" /></a>'
var Numero = Math.floor(Math.random()*2);
document.write(MNews[Numero]);
</script></div></div>
Tendo feito isto, está pronto!!!Deixe seu cometário.
