The invisible wall. Remember the urge. (previas) Tamanho: 4 KB GENTE ME PEDIRAM NO MSN UM TUTORIAL DE COMO POR O CHAT DO LADO IGUAL DO SITE XTREM EVOLUTION BOM EU NAO SEI FAZER PQ PEGUI O CODEGO LAMAS COPIE E COLOQUEI AKICREDITO AOU SITE www.xtremeevollution.comClique na imagem para ampliarEntao vamos la :)Primeiramente abra o painel do blogger, clique em Design, Editar HTMLagora aperte CTRL+F e procure pela linha]]></b:skin>Apos encontrar a linha, cole o seguinte codigo imediatamente acima dela:#gb {position:fixed;top:150px;z-index:+1000;left:-610px;}* html #gb {position:relative;}.gbtab {height:161px;width:47px;float:right;cursor:pointer;background:url('http://i.imgur.com/HWwgK.png') no-repeat;margin-top:20px;}.gbcontent {float:left;border:2px solid #8c00c1;background:#fff;opacity:0.80;-moz-opacity: 0.80;filter: alpha(opacity=80);-webkit-border-radius: 20px;border-radius: 20px;-khtml-border-radius: 20px;padding:8px;}Agora procure por:</body>Cole o seguinte codigo imediatamente acima:<script type='text/javascript'>function showHideGB(){var gb = document.getElementById(&quot;gb&quot;);var w = gb.offsetWidth;gb.opened ? moveGB(0, 47-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById(&quot;gb&quot;);var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;var dir = xf&gt;x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.left = x.toString() + &quot;px&quot;;if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}}</script><div id='gb'><div class='gbtab' onclick='showHideGB()'> </div><div class='gbcontent'><div style='line-height:0;background-position:center;width:590px;height:310px;'><embed align='middle' allowscriptaccess='sameDomain' flashvars='id=163040885' height='310' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='590' wmode='transparent'/></div></div></div>O que esta em vermelho substitua pelo ID do seu xat,vizualize para ver se esta tudo correto, se estiver salveboa sorte =DCREDITO Axtremeevollution BOTAO PARA DAWLAODSPEDIDO-NATANTAMANHO-250X50CLIK AKI PARA BAIXARSE GOSTOU COMENTE Querendo um menu de qualidade e com CSS3, entao instale esse no seu blog. Este pequeno menu que parece entra no seu blog (efeito embutido) vai deixar seu blog mais profissional e ao mesmo tempo engradara seu publico.Para adicionar a sua pagina, acesse a guia Modelo do seu blog e clique na opcao Editar HTML, apos isso procure por:]]></b:skin>Acima dessa linha cole o codigo CSS abaixo:nav { display: block; width: 100%; overflow: hidden;}nav ul { margin: 80px 0 20px 0; padding: .7em; float: left; list-style: none; background: #444; background: rgba(0,0,0,.2); -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;}nav li { float:left;}nav a { float:left; padding: .8em 1.5em; text-decoration: none; color: #555; text-shadow: 0 1px 0 rgba(255,255,255,.5); font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica; letter-spacing: 1px; text-transform: uppercase; border-width: 1px; border-style: solid; border-color: #fff #ccc #999 #eee; background: #c1c1c1; background: -moz-linear-gradient(#f5f5f5, #c1c1c1); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1)); background: -webkit-linear-gradient(#f5f5f5, #c1c1c1); background: -o-linear-gradient(#f5f5f5, #c1c1c1); background: -ms-linear-gradient(#f5f5f5, #c1c1c1); background: linear-gradient(#f5f5f5, #c1c1c1);}nav a:hover, nav a:focus { outline: 0; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2); background: #fac754; background: -moz-linear-gradient(#fac754, #f8ac00); background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00)); background: -webkit-linear-gradient(#fac754, #f8ac00); background: -o-linear-gradient(#fac754, #f8ac00); background: -ms-linear-gradient(#fac754, #f8ac00); background: linear-gradient(#fac754, #f8ac00);}nav a:active { -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset; box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;}nav li:first-child a { border-left: 0; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}nav li:last-child a { border-right: 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}Feito isso, salve.Agora acesse a guia Layout do seu blog e clique na opcao Adicionar um gadget > HTML/Javascript. Em seguida cole o codigo abaixo, faca