Ajuda com opção vendedor online

[crossfire]

 Olá,

 Eu criei uma opção para um amigo meu que se chama vendedor online, pra ele conversar com os clientes dele online quando ele estiver disponível. Porém eu nunca mexi num site como o dele e francamente não entendi nada daquele site. É um site hospedado, não é nada como eu já tenha visto antes (blogguer, wordpress, forumeiros), eu elaborei uma série de códigos e tentei postar no site dele, não funcionou pois numa postagem normal nem leu os códigos da forma desejada. Aquelas abas laterais também não dava pra alterar pelo painel de controle do site. Então eu pensei que só daria pra editar o site entrando no servidor que ele está hospedado, consegui entrar, dai me deparei com opções como SQL, base de dados e isso pra mim não fez o menor sentido, pensei que seria só entrar ver o código fonte e altera-lo.

 Alguém pode me dar uma luz de como resolver essa situação?

 

 O blog em que eu pus a opção vendedor online que eu elaborei: 

 O site que eu quero por

 

 Código que eu elaborei:

<script type="text/javascript" src="https://sites.google.com/site/testandojackson/publicidade.js"></script><div id="feed" style="visibility: hidden; background-color: #ffffff; width: 300px;height: 266px;border: 1px solid #0C527C; position: fixed; bottom: 3px; right: 3px; z-index:1000000"><div id="topo-title" align="center" style="width: 100%; height:16px; background-color: #E0B819"><span id="pub" style="font-size:14px; color:#ffffff;font-weight: bold;">O vendedor está online<a href="javascript:closebar(feed);"><img src="http://lh5.googleusercontent.com/-aCxkTA3dmzs/Ti2IZcTakNI/AAAAAAAAAgA/KWG2E1hbsoc/CloseIcon.gif" widht="300px" height="16" px; align="right" border="0" title="Fechar" /></a></span></div><iframe frameborder="0" height="100%" id="UIFrame" marginheight="0" marginwidth="0" name="UIFrame" src="http://www.bomba-games.com/h20-anuncio-vendedor-online" style="display: block;" width="100%"></iframe><br /></div>