Caixa de Texto 2 Banner

 

Essa é a segunda caixa de texto que eu add no site, a outra é mais para avisos, essa que eu vou mostrar agora é somente para banners.

Add este código:

<div class="rbcWidgetArea" style="text-align: center;"><textarea onfocus="this.select()" onmouseover="this.focus()" rows="3" cols="15" name="textarea" style="margin: 2px; width: 144px; height: 59px;">&lt;a href="https://seusite.webnode.com.br/"target="_blank"&gt;&lt;img src="Endeço da Imagem"  border="0" /&gt;&lt;/a&gt;</textarea></div>

em "Widgets".

 Codigo de Favicon

<link rel="shortcut icon" href="Link Do Favicon" />

 Neon em links no Blog

COLOCAR ANTES DE ]]>

 

a:hover{ color: #000000;text-shadow:0 0 .3em #000000;

}

ir ao topo da pagina

Algum tempo atrás publicamos um texto falando sobre criar um link para voltar ao inicio da página, isso é útil no caso de páginas longas e o visitante pode voltar para o topo apenas num clique.
Com este código você pode fazer isso usando texto ou imagem (pode ser parecida com um botão), neste exemplo usamos uma imagem, porém se quiser apenas texto é só apagar o código da imagem <img src="URL DA IMAGEM" border="0"> e escrever o que desejar (voltar ao topo, inicio...).

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="URL DA IMAGEM" border="0"></a></div>

Esse link ou botão para voltar ao topo ficará sempre visível na parte inferior direita do seu site, mesmo rolando a página, ele não sairá de lá, ou seja, fica sempre fixo no mesmo lugar.

 Texto Que Pisca

 <blink>Texto</blink>

 Texto Em Movimento

<marquee scrolldelay="150"> Seu Texto Aqui </marquee>

 Texto Em Movimento 2

Add este código:

<marquee direction="up" style="border: 1px ridge rgb(255, 255, 255);" scrollamount="1" height="150" width="185">SEU TEXTO AQUI&nbsp;</marquee>

 Texto Com Sombra

Código bem interessante para quem gosta de deixar seu blog/site diferente e chamativo.

Simplesmente copie o código abaixo e coloque em "Widgets".

<p style="text-shadow: 5px 5px 7px black;">SEU TEXTO AQUI</p>

Efeito Neve

Para ter um efeito de neve super legal em seu site, é só você add esse código:

<script src='https://snow-effect.googlecode.com/files/snow.js'></script>

no rodapé do site. 

 Texto Deslizante

scrolldelay="2" scrollamount="2" direction="left"
>Coloque aqui
seu texto! ! !<

 Texto Riscado

Normalmente, este código é usado para blogs/sites de humor

Add este código:

<s>Seu Texto<s/>

 Editar Site No Navegador

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

 Mensagem Embaixo Do site

Para Colocar é o Seguinte:

Entre no Chat e Onde Tem o Quadrado Para Escrever Uma Mensagem Digite

/s suamensagem

Obs.: Só Dono Pode Fazer Isso !

 Redirecionamento

Esse código faz com que a pessoa que entre nela seja automaticamente redirecionada para outra página.

Essa ferramenta é muito boa para quem criou outro site e precisa fazer com que os visitantes entrem no novo site..

O código é:

<script language="javascript" type="text/javascript">
location.replace("SEU SITE")
</script>

 

É só colocar o url no lugar de "SEU SITE" e adicionar no site como widget

Colocar botão Input - Mostrar/Ocultar objetos

O Botão Input serve para mostrar ou ocultar textos, imagens, vídeos e entre outros widgets. Ele é bem impottante para quem gosta de manter uma página be organizada, utilizando o máximo de espaço possível sem sobrecarregar a página.

O código do botão é:

<div class="pre-spoiler">
<input id="xs" value="Leia Mais" style="margin-left: 50px; padding: 0px; width: 80px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Leia Mais';}" type="button"> </div>
<div>
<div class="spoiler" style="display: none;">
Aqui vai o texto, código html..etc..
</div>

 Widget de pesquisa

Eu pessoalmente, acho o sistema de pesquisa da Webnode ruim, por isso eu utilizo nos meus sites um Widget de pesquisa que usa o Google para nos levar até a página pesquisada...

É muito fácil fazer essa caixa de pesquisa, é só substituir o texto em negrito pelo link do seu site;

<div align="center"><FORM method=GET action="https://www.google.com.br/search">
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Pesquisar">
<input type=hidden name=domains value="endereço do seu blog"><br><input type=radio name=sitesearch value="">Web<input type=radio name=sitesearch value="endereço do seu blog" checked>Neste site<br>
</FORM></div>

Você pode adicionar essa caixa de pesquisa direto no Texto e Imagens ou inserindo um Widget

Pesquisar no site