Informação, dicas, entretenimento, curiosidades e mais um pouco de tudo !

Mostrando postagens com marcador html. Mostrar todas as postagens
Mostrando postagens com marcador html. Mostrar todas as postagens

sábado, 23 de junho de 2018

HTML : Atualizar páginas blog/ site automaticamente. Refresh


Para que sua página atualize automaticamente adicione o código que vou mostrar abaixo


Editando o timer.
Onde content="60", este é o tempo que sua página vai esperar para atualizar, onde 60 são segundos, caso queira um tempo diferente, basta alterar e adicionar no body, da sua página.

Feito a alteração salve !
Share:

quarta-feira, 20 de junho de 2018

Fazer botões radiais em html usando tag input


Botões radiais servem para definir um numero limitado de alternativas ao usuario, sendo muito usado para formulários veja meu exemplo :

MetallicA
Megadeth
BLACK SABBATH

 Para esse resultado fazemos da seguinte maneira:

Usamos <input> para usar, para inicar a marcação, damos o nome(name) e denominamos radio no type, no atributo value é a informação que ira ser entregue no servidor, podemos numerar, ou abreviar ou voce pode selecionar uma qualquer de seu gosto escrevendo até a palavra da seleção ou seja o resultado,exemplo:

value="m" /> Masculino
value="f" /> Feminino

 E por fim definir a escolha, no meu exemplo como pode ver utilizei nomes de bandas, ficando da seguinte maneira :

<form>
<input name="banda" type="radio" value="1" /> MetallicA
<br />
<input name="banda" type="radio" value="2" /> Megadeth
<br />
<input name="banda" type="radio" value="2" /> BLACK SABBATH
</form>

Share:

terça-feira, 19 de junho de 2018

Meta tags o que são e como inserir no Html

 O que são meta tags ?
Meta tags, são comandos que inserimos no  <head > que "instrui" os sites de buscas a acharem seu blog e fornecer descrições do conteúdo de seu blog/site.


Tags principais !

description / Responsável  fornece a descrição do seu blog/site

<meta content='Descrição' name='description'/>

keywords / São as palavras chaves que devem ser adicionadas e separadas por virgula 

<meta content='sites, web, tecnologia ' name='keywords'/>

author / Apresenta o nome do Autor 

<meta content='Bruno Washington' name='author'/>

robots / Palavras chaves separadas por ponto
<meta content='design. tech. android. css. html. javascript. TI.' name='robots'/>

Adicionar meta tags no blogger 
 acima eu deixo um exemplo compativel com o blogger, para adicionar va em em tema, e clique em editar html, procure por :

<b:include data='blog' name='all-head-content'/>

  As nossas meta tags devem adicionadas abaixo DELA, porem para que elas funcionem elas devem estar entre:

<b:if cond='data:blog.pageType == "index"'>

</b:if>

 Ficando da seguinte forma:

<b:if cond='data:blog.pageType == "index"'>
<meta content='DESCRIÇÃO ' name='description'/>
<meta content='design, tech, android, css, html, javascript,  ' name='keywords'/>
<meta content='design. tech. android. css. html. javascript. TI.' name='robots'/>
<meta content='Bruno Washington' name='author'/>
</b:if>

 Apos ter feito todas alterações salve !






Share:

terça-feira, 24 de outubro de 2017

Personalizar titulo das postagens Blogger!

No html do seu blog, procure por :

h3.post-title, h4 {

e acima dele cole o seguinte codigo:

h3.post-title {
font-family: Verdana; /* tipo de fonte do titulo */
color: #fff; /* cor do título */
background: #000; /* cor de fundo dos títulos */
font-size: 12px; /*tamanho da fonte */
text-align: center; /* alinhamento centralizado do texto */
padding: 10px 10px 10px 10px; 
}



Para alterar as cores basta editar em color: #fff; 

e em background: #000; 

Para ver o codigo das cores basta clicar aqui 
Share:

sexta-feira, 13 de outubro de 2017

Bloqueando botão direito mouse em blog ou site.


Para bloquear basta inserir o seguinte codigo em cima da tag </body>

<script>     
function click() {     
if (event.button==2||event.button==3) {     
oncontextmenu=&#39;return false&#39;;     
}     
}     
document.onmousedown=click     
document.oncontextmenu = new Function(&quot;return false;&quot;)     
</script>

Feito isso salve as alterações. 
Share:

segunda-feira, 27 de março de 2017

Alinhando imagens atribuindo align no codigo !


Para alinhar basta você ir ao codigo da imagem e adicionar " align="lado de alinhamento" alterando a parte (lado de alinhamento) como os exemplos abaixo.

<img src="Url da imagem" align="lado de alinhamento">

Exemplo 
right/direita

<img src="Url da imagem" align="right">

Exemplo 

Left/esquerda

<img src="Url da imagem" align="left">
Share:

sexta-feira, 17 de fevereiro de 2017

Barra de pesquisa/busca bolg

Para adicionar v´em Layout >> adicionar Gadget>> Html/JavaScrit e cole o seguinte código e salve.

Share:

quarta-feira, 15 de fevereiro de 2017

Centralizando título das postagens no Blogger


Vá em modelo>> editar HTML>> e procure por h3.post-title{  ou  h3.post-title, h4 {
e abaixo cole o seguinte comando:

text-align: center;

Feito isso salve as alterações !
Share:

segunda-feira, 13 de fevereiro de 2017

Caixa html para inserir código ou texto

Na arte da postagem acesse a ParTe de HTML e insira o código abaixo:
<center>
<br /></center>
<center>
<textarea name="textarea" onfocus="this.select()" onmouseover="this.focus()" style="height: 70px; margin: 2px; width: 380px;">Insira aqui seu codigo ou texto </div>
</textarea><br />
</center>

 onde heigh voce altera a altura, e em width altera se a largura , na parte (Insira aqui seu código ou texto) a ague e insira o cogido/texto de seu desejo feito isso basta salvar!
o Resultado sera esse:

Share:

MagazineUPOU

Trabalhe em casa como afiliado !

Siga por Email