Como adicionar

Qual é minha questão:
Como adicionar este codigo
vi aqui,
http://forum.academianinjakonoha.com/

Links e imagens do meu problema:
https://i.imgur.com/kzg56.jpg

Endereço do meu fórum:
http://www.narutorpgakatsuki.com/

Versão do meu fórum:
PUNBB

ps a imagem saiu do ar

aquele codigo que mostra o ip de quem ta vizualizando e outras coisas.

Amigo, desculpa a demora, estava vendo o código com minha designer

Acesse o portal visualização cores folha do estilo Css:

Código:

#avisover {
    position: fixed;
    bottom: 10px;
    line-height: 16px;
    text-align: left;
    right: 10px;
    z-index: 999;
    opacity: 0.8;
    width: 260px;
    height: 70px;
    background: none repeat scroll 0% 0% rgb(207, 55, 55);
    color: rgb(255, 255, 255);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
    border: 1px solid rgb(119, 27, 27);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgb(246, 108, 108) inset;
    border-radius: 3px 3px 3px 3px;
}

Agora vá em painel de controles modulos widgets do portal criar novo

Código:

 <div id="avisover">Olá {USERNAME}
Seu IP : <script type="text/javascript" src="http://www.whatsmyip.us/showipsimple.php"></script>
Você está deslogado do narutorpgakatsuki.com, logue-se para aproveitar nosso conteúdo, Ao logar-se esse aviso irá sumir, clique <a href="/login">aqui.</a>
<div align="right"><a href="http://forum.academianinjakonoha.com" class="postlink" target="_blank" rel="nofollow">By Ank</a></div></div>

Solicitamos que mantenha o crédito no código

funcionou.