Você está em:
// Acessorios para Blogs

Bate-Papo Flutuante


Mais uma Invenção Minha:


1. Passo - Entre a tag </head>  Insira o que está aí em baixo:
Selecione a área de trasferência, depois pressione Ctrl+C
</script><br /> <script src='http://www.google.com/jsapi'/> <script type='text/javascript'> // Carrega jQuery google.load("jquery", "1.3"); google.setOnLoadCallback(function() { $(document).ready(function() { //primeiro slide para baixo e pisca a caixa de mensagem $("#caixa").animate({ bottom: "-1px" }, 2500 ).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100); //Fechar a caixa de mensagem quando a imagem da cruz é clicada $("#fechar_mensagem").click(function() { $("#caixa").fadeOut("slow"); }); }); }); </script>

2. Passo - Entre a tag </b:skin> Insira esta tag que está aí em baixo:
Selecione a área de trasferência, depois pressione Ctrl+C
.mensagem{
border:1px solid #CCCCCC;
position:fixed;
width:210px;
border:1px solid #c93;
background:#ffc;
padding:5px;
right:2px;
bottom:25px;
3. Passo - Vá em Add widget HTML/Javascprit e adicione esse código dentro da caixa de menssagem.
Selecione a área de trasferência, depois pressione Ctrl+C
<div class="mensagem" id="caixa"><img alt="Fechar Bate-Papo" id="fechar_mensagem" src="http://img814.imageshack.us/img814/3877/13467179.jpg" style="float: right;" /><br /> <b>Bate-Papo do Blog</b> COLOQUE SEU BATE-PAPO AQUI </div>
Ter um Igual!

Criar um Meebo Chat

Nauan

Sou um estudante de programação e amo designer gráfico, adoro mexer e personalizar conteúdos infográficos e tipográficos, adoro também passar qualquer conteúdo de informação para meus leitores e ajudar a processar qualquer tipo de ajuda ou material didático.

4 comentários:

  1. Oi gostei do chat flutuante, mas o passo 1 tem algo errado... o código q tá na caixa menor é o mesmo q tá na maior... não consegui achar o lugar pra colocar o passo 1! meu e-mail é adouglas.lima21@gmail.com ou deixa um comentario no meu blog http://insonia2.blogspot.com

    ResponderExcluir
    Respostas
    1. É só você copiar o código, e ir na html do seu blog e colocar abaixo da tag < / head >, pressiona CTRL + F e pesquisa a tag e adiciona, o outro passo é a CSS, é o estilo da caixa, como ela vai ficar... e o terceiro é onde a caixa vai aparecer, você pode colocar em qualquer parte do blog, cria um widget e coloca. Desculpa a demora de responder assim, é que eu tinha abandonado o blog.. mas agora voltei firme e forte.

      Excluir
  2. Gostaria que colocasse um exemplo nesse blog ou em outro,ficaria muito grato.

    ResponderExcluir
    Respostas
    1. Desculpa pela demora, eu não tava com tempo de postar por aí, mas agora se quiser, eu posso até mostrar um exemplo do código.

      Excluir

Por favor leia antes de Comentar