Ola Pessoal Hoje vou postar um tutorial muito facil e Simples Mensagem Ao Entrar No blogVoce so vai pegar esse codigo java script abaixo e colar Antes da Tag</body> <script>alert('Seja Bem Vindo!');</script>E so Pessoal Espero Que Gostem Quero Muitos Parabens Em :D 2 ESTILO DE CSSNesse tutorial, ensinarei colocar um menu horizontal, em seu blog, lembrando que antes, faca um backup do seu template:1a Parte: CSSProcure pela linha:]]><b:skin> Antes dessa linha, cole o seguinte codigo em CSS:#jsddm li a {display: block;white-space: nowrap;margin:1px 3px;border: 1px solid #a00707;background: #a00707;background: -webkit-gradient(linear, left top, left bottom, from(#a00707), to(#a00707));background: -moz-linear-gradient(top, #a00707, #a00707);padding: 5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-shadow: #fefbfb 0 1px 0;color: #fefbfb;font-size: 15px;font-family: Helvetica, Arial, Sans-Serif;text-decoration: none;vertical-align: middle;}#jsddm li a:hover {background: #740909;}#jsddm li ul {margin: 0;padding: 0;position: absolute;visibility: hidden;border-top: 1px solid white;}#jsddm li ul li {float: none;display: inline;}#jsddm li ul li a {width: auto;background: #CAE8FA;}#jsddm li ul li a:hover {background: #A3CEE5;}2a Parte: JavascriptProcure pela linha:</head>Antes dessa linha, cole o seguinte codigo:<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[var timeout = 500; var closetimer = 0; var ddmenuitem = 0;function jsddm_open() { jsddm_canceltimer(); jsddm_close(); ddmenuitem = $(this).find('ul').css('visibility', 'visible');}function jsddm_close() { if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}function jsddm_timer() { closetimer = window.setTimeout(jsddm_close, timeout);}function jsddm_canceltimer() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null;}}$(document).ready(function() { $('#jsddm > li').bind('mouseover', jsddm_open) $('#jsddm > li').bind('mouseout', jsddm_timer)});document.onclick = jsddm_close; //]]> </script>3a parte: Adicionando o gadgetVa em em painel, depois em design, elementos da pagina, adicionar gadget, e Html/Javascript, ai cole o seguinte codigo:<ul id="jsddm"> <li><a href="#">Home</a> <li><a href="#">Menu 1</a> <li><a href="#">Menu 2</a> <li><a href="#">Menu 3</a> <li><a href="#">Menu 4</a></li> <li><a href="#">Menu 5</a></li> <li><a href="#">DesignNewsOnline</a></li> </li></li></li></li></ul>Demo Aew galera, primeiro post ake, pra quem nao sabe, sou filho do dono dake, podem me chamar de mathjr ;), como agente sabe, o facebook ta dominando o mundo, entao vou ensinar a botar comentarios do facebook no blog, ou seja, quem tiver logado no facebook podera comentar sua postagem:Primeiro va em painel, depois em editar html, marque a caixa "expandir modelos de widget" e procure pela linha:<fb:comentsDepois substitua essa linha toda por:<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments migrated='1'Obs: Antes de modificar qualquer coisa, ou no Html, ou no Css, lembre-se de fazer o backup. AVISO!A competicao sera adiada porque estamos terminando ainda de programar a v2.0ENTRGA:16/03/12 EFEITO OPACIDADE EM IMAGEMDo 1 jeito vc usa este codigo abaixo<a href="AQUI SEU LINK" target="_blank"><img onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' style='opacity: 0.4;' src="AQUI LINK DA IMAGEM" border="0" /></a><br />E tem a maneira mais facil que vc vai em:]]></b:skin>Acima dela cole este codigo abaixo:#abc img{opacity: .3;filter:alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;background:#fff;}#abc img:hover{opacity:5.0;filter:alpha(opacity=500);-moz-opacity: 5.0;-khtml-opacity: 5.0;}Salve e prontoPara colocar o efeito nas imagens use o codigo abaixo<div id="abc"><a href="LINK DO SITE" target="_blank"><img src="LINK DA IMAGEM" border="0" /></a><br/></div> Template Animes Free (Teste) Ola Vou Postar Uma Pagina Numeradas Com Borda Arredondadas no Css espero que Gostem! DemoLembrando Salve Seu Layout Antes Primeiro Abra o blog click em design depois html e procure pela tag ]]></b:skin> 1a Antes(acima) dela Cole o seguinte codigo .showpageArea {font-family:verdana,arial,helvetica;color: #fff;font-size:11px; margin:10px;}.showpageArea a {color: #fff;}.showpageNum a {padding: 3px 8px;margin:0 4px;border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;text-decoration: none;background: #b2b5b7 url() 0;}.showpageNum a:hover {background: #044697 url() 0;}.showpagePoint {color:#fff;padding: 3px 8px;margin: 2px;border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;font-weight: 700;background: #333 url() 0 0 repeat-x;text-decoration: none;}.showpageOf{margin:0 8px