<h3>Menu de mensagem no rodapé do Blog</h3>

Hoje atualizo o Dany's Place com mais um tutorial, duas amigas me pediram aquele menu de mensagem que eu uso no rodapé. Ele é bem fácil de adicionar e ajuda muito quando precisamos deixar um recadinho rápido no blog.

Copie o código abaixo cole em HTM/Java Script. <style> #menu {z-index:999; background-color:#fff; border:2px dashed #FFC0CB; width:50px; height:50px; border-radius:50px 0px 0px 0px; -moz-border-radius:50px 0px 0px 0px; position:fixed; overflow:hidden; bottom:0px; right:0px; -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;} #icon {margin-top:20px; margin-bottom:20px; margin-right:-12px; -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;} #menu:hover {width:220px; height:175px; -moz-border-radius:0px; border-radius:15px; padding:10px;} #menu:hover #icon {margin-top:10px; margin-right:0px; margin-bottom:4px;} </style> <div id='menu'><center> <div id='icon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQA2NLHQkxiB8e0n0GIJ53rOnk7DkesvGDrSbcbfJHcfqS0RAP0U-yDVDv-leKSC9xqPZcON-05TVet9lQj5Hof1SGrXnLa7OHJfcL7w-4xt2qlie6M8l2ckoR_XYtJ6Y6stQqzYXbIki_/s1600/icon1+(14).gif"/>Oi</div> Escreva aqui o seu TEXTO </center><p></p> <div align="right"> <u>Assinatura</u> </div></div>

Selecionei mini gifs que podem ser substituídos como icones para decorar.

Notas

Imagens retiradas de pesquisas na Internet, se alguma imagem for de sua autoria, avisa-me para dar os devidos créditos.