Mais uma Invenção Minha:
1. Passo - Entre a tag </head> Insira o que está aí em baixo:
</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:
.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.border:1px solid #CCCCCC;
position:fixed;
width:210px;
border:1px solid #c93;
background:#ffc;
padding:5px;
right:2px;
bottom:25px;
<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!
Ter um Igual!
Criar um Meebo Chat
Gostaria que colocasse um exemplo nesse blog ou em outro,ficaria muito grato.
ResponderExcluirDesculpa 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É 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.
ResponderExcluir