Como colocar isto?

<div id="bar_float" align="center">
<script language="JavaScript">
function controlaCamada(bar_float)
{
if( document.getElementById(bar_float).style.visibility == "hidden" )
{
document.getElementById(bar_float).style.visibility = "visible";
} else
{
document.getElementById(bar_float).style.visibility = "hidden";
}
}
</script>
<style type="text/css">
#bar_float a{
position: fixed;
bottom: 80px;
text-decoration:none;
right: 20px;
z-index:3000;
}
a#return_to_ipbfs {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.6;
width: 260px;
height: 70px;
background: #000000;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #dcdcdc;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #dcdcdc 0px 1px 0px;
border-radius: 3px;
}
a#return_to_ipbfs:hover { opacity: 0.8; }
#return_to_ipbfs strong { font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
</style>
<a onclick="controlaCamada('bar_float')"><img src="https://i.servimg.com/u/f82/11/72/12/47/button11.png" =""=""></a><a href="#" id="return_to_ipbfs">Você não está conectado.<br>
Vagas na equipe de Moderador, Jornalista, Pixel Artista etc. Entrar em contato conosco os interessados.
</a></div>