Olá pessoal, hoje estarei colocam os HTML de menus,
tabelas e muito mais confiara abaixo!
MENU HORIZONTAL
-----------------------------------------------------------------------------------------------------------
<span style="color: red;"><b><span style="font-size: large;">
</span></b></span>
<style type="text/css">
<!--
body {
padding:0px;
margin:0px;
}
#menu ul {
padding:0px;
margin:0px;
float: left;
width: 100%;
background-color:#333333;
list-style:none;
font:80% Tahoma;
}
#menu ul li { display: inline; }
#menu ul li a {
background-color:#333333;
color: #FFFFFF;
text-decoration: none;
border-bottom:3px solid #EDEDED;
padding: 2px 10px;
float:left;
}
#menu ul li a:hover {
background-color:#D6D6D6;
color: #6D6D6D;
border-bottom:3px solid #EA0000;
}
-->
</style>
<div id="menu">
<ul>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
<li><a href="LINK DA PAGINA ">INICIO </a></li>
</ul>
</div>
-----------------------------------------------------------------------------------------------------------
<a href="http://nome do blog.blogspot.com/ " target="_blank"><img alt="NOME DO BLOG " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaqZkSS4LHt-MJnNnzpGlWz1xvRXryc-nSHNB1Wo92ZVzGd0NUij95VlI7-E_523ItdzplOD8xeHxceUCyZ-qqqHaskdxnXlv23HZrzurOssf-xIiQhfE07_O1kS5cTu0xLJIyCRLqzks/s1600/maozinha-apontando-para-baixo-gif" /></a>
----------------------------------------------------------------------------------------------------------
Como colocar Tabela no blog!
Quebrou?
Eu tenho a solução
<table border="1"><tbody>
<tr><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<a href="LINK DO BLOG " style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" height="60" src="LINK DA IMAGEM " width="120" /></a></div>
</td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<div style="color: blue;">
<span style="font-size: x-small;"><b>NOME </b></span></div>
<b> </b></td></tr>
</tbody></table>
</td><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="LINK DO BLOG /" target="_blank"><style="margin-left: auto;="" margin-right:=""><img height="60" src="LINK DA IMAGEM " width="120" /></style="margin-left:></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<div style="color: blue;">
<br /></div>
<b><span style="color: blue;">NOME </span> </b></td></tr>
</tbody></table>
</td><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="LINK DO BLOG " target="_blank"><style="margin-left: auto;="" margin-right:=""><img height="60" src="LINK DA IMAGEM " width="120" /></style="margin-left:></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<div style="color: blue;">
<b>NOME </b></div>
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table border="1"><tbody>
<tr><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<a href="LINK DO BLOG " style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" height="60" src="LINK DA IMAGEM " width="120" /></a></div>
</td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<b><span style="color: blue;">NOME </span></b><br />
<br />
<b> </b></td></tr>
</tbody></table>
</td><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="LINK DO BLOG " target="_blank"><style="margin-left: auto;="" margin-right:=""><img height="60" src="LINK DA IMAGEM " width="120" /></style="margin-left:></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<div style="color: blue;">
<b>NOME </b></div>
<div style="color: blue;">
<b></b></div>
</td></tr>
</tbody></table>
</td><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="LINK DO BLOG " target="_blank"><style="margin-left: auto;="" margin-right:=""><img height="60" src="LIK DA IMAGEM " width="120" /></style="margin-left:></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<div style="color: blue;">
<b>NOME </b></div>
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table border="1"><tbody>
<tr><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<a href="LINK DO BLOG " style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" height="60" src="LINK DA IMAGEM " width="120" /></a></div>
</td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<b><span style="color: blue;">NOME </span> </b><br />
<br />
<b> </b></td></tr>
</tbody></table>
</td><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="LINK DO BLOG " target="_blank"><style="margin-left: auto;="" margin-right:=""><img height="60" src="LINK DA IMAGEM " width="120" /></style="margin-left:></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<b><span style="color: blue;">NOME </span> </b></td></tr>
</tbody></table>
</td><td style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="LINK DO BLOG " target="_blank"><style="margin-left: auto;="" margin-right:=""><img height="60" src="LINK DA IMAGEM " width="120" /></style="margin-left:></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
<div style="color: blue;">
<b>NOME </b></div>
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
-----------------------------------------------------------------------------------------------------------
Como colocar Topo no blog!
<div style="position:fixed; bottom:70px; right:70px;"><a href="#"><img src="http://3.bp.blogspot.com/-DBFYgIw3nnw/TmtIZjhdLjI/AAAAAAAAAkw/0tNiSWRNgjE/s1600/topo.jpeg" border="0" /></a></div>
--------------------------------------------------------------------------------------------------------------
Colocar palavras chaves no blog!
Para colocar palavra chave no Blog é muito simples.
Vai em Design, em editar HTML, Expandir modelos de widgets.
Procure esse codigo(mais antes pressione
Ctrl + f para facilitar a procura).
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='Descrição do blog' name='description'/>
<meta content='Palavras chaves do blog maxima 10 palavras ' name='keywords'/>
</b:if>
Exemplo
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content=' Um Blog diferente de tudo que você ja viu, mixblognet foi desenvolvido para melhorar suas pesquisas na internet. É só mandar um e-mail para nós do que você precisa e colocaremos para você. Não perca tempo procurando, mande já! ' name='description'/>
<meta content=' blog,agregador,videos do youtube,dicas,tv online,jogos,programa,anuncios,seriados,filmes ' name='keywords'/>
</b:if>
-----------------------------------------------------------------------------------
<form action="http://noticiaeblog.tk/enviar.php" method="POST">
<center>
<table width="39%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr><td>Nome:
<input type="text" size="30" name="nome" value=""></td> </tr>
<tr><td>E-mail:
<input type="text" size="30" name="email" value=""></td> </tr>
<tr><td>Assunto:
<input type="text" size="30" name="assunto" value=""></td> </tr>
<tr><td>Mensagem:
<textarea cols="40" rows="10" name="mensagem"></textarea>
</td></tr>
<tr><td><input name="submit" type="submit" value=" Enviar "> <input name="reset" type="reset" value=" Limpar "></td></tr>
</table>
</center>
<!-- Ínicio e-mail do destinatario -->
<input type="hidden" name="emailo" value="exemplo@exemplo.com.br ">
<input type="hidden" name="emaile" value="RE: MixBlogNet ">
<input type="hidden">
<!-- Fim e-mail do destinatario -->
</form>
-----------------------------------------------------------------------------------
Como colocar páginas numeradas no blog!
Vai em Design, Editar HTML (Não esqueça, antes de salvar visualize para ver se deu certo ), Expandir modelos de widgets.
Aperte os dois juntos (CTRL + F) e cole o codigo abaixo:
]]></b:skin>
( Acima do código, cole deixando um espaço.)
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 2px;
padding:2px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 2px;
padding:2px;
}
.showpageOf {
text-decoration:none;
padding:2px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:2px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
Agora procure pelo código abaixo:
</body>
( Acima do código, cole deixando um espaço.)
<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4; var upPageWord ='Anterior';
var downPageWord ='Próximo';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->
Para finalizar procure por 'data:label.url' e cole por cima
'data:label.url + "?&max-results=7"'
Visualize antes de salvar
-----------------------------------------------------------------------------------
Caso não consiga visualizar clique na imagem.
Vai em Design, Editar HTML (Não esqueça, antes de salvar visualize para ver se deu certo ), Expandir modelos de widgets.
Aperte os dois juntos (CTRL + F) e cole o codigo abaixo:
</head>
( Acima do código, cole deixando um espaço.)
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5VuGnDFHAkKzO2vECzF_DCthDXIUGH1b7aTQfWguhZIzumM2DMcYFW2ythHQZJFKZXi2yD5xF7E5vl_7tafQKsqOXKUTyFs-ownSO7hE6R76DIHlTPOUcwwyG6VyBgszof1Kv8tkfMDt6/s1600/mixblognet.gif ' rel='shortcut icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5VuGnDFHAkKzO2vECzF_DCthDXIUGH1b7aTQfWguhZIzumM2DMcYFW2ythHQZJFKZXi2yD5xF7E5vl_7tafQKsqOXKUTyFs-ownSO7hE6R76DIHlTPOUcwwyG6VyBgszof1Kv8tkfMDt6/s1600/mixblognet.gif ' rel='icon' type='image/png'/>
Em vermelho é para alterar por um link da imagem que você quer.
Código para redirecionar pagina
Copie e cole no blog que ele redireciona rapido para o novo
endereço do blog/site
<script language="JavaScript"> top.location = 'http://nome do seu blog'; </script>
D ivulgador DataHosting
Divulgue seu site em diversos mecanismos de buscas gratuitamente!
Divulgue seu site em dezenas de sites de busca e agora adicionamos quase todos os sites do Google, agilizando ainda mais a indexação do seu site! Caso você tenha alguma sugestão de mecanismo de busca.