Fundo blog

<div class='clear'></div>
<div class='widget HTML' id='HTML4'>

<div class='widget-content'>
<div class='widget-content'>
<center>
<style>
#estilo a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #EEE;
}
#estilo a:hover img{
border: 2px solid #bdebff;
}

</style>
<div id="estilo">
<script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#bgcolor1").click(function(){
$("body").css({"background":"url(http://habbogallery.net/resources/media/backgrounds/small_other/grass.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor5").click(function(){
$("body").css({"background":"url(https://2img.net/h/oi50.tinypic.com/24e9stc.jpg)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(https://i.imgur.com/FaHrJ.png)"});
});
});
$(document).ready(function(){
$("#bgcolor4").click(function(){
$("body").css({"background":"url(https://i.imgur.com/W4Erg.png)"});
});
});
</script>

<center><a href="javascript:void(O)" id="bgcolor1" title="Fundo 1"><img src="http://habbogallery.net/resources/media/backgrounds/small_other/grass.gif" /></a>
<a href="javascript:void(O)" id="bgcolor5" title="Fundo 2"><img src="https://2img.net/h/oi50.tinypic.com/24e9stc.jpg" /></a>
<a href="javascript:void(O)" id="bgcolor3" title="Fundo 3"><img src="https://i.imgur.com/FaHrJ.png" /></a>
<a href="javascript:void(O)" id="bgcolor4" title="Fundo 4"><img src="https://i.imgur.com/W4Erg.png" /></a></center></div></center></div></div></div>