Templates e Acessórios: Acessorios

Postagens Recentes

Mostrando postagens com marcador Acessorios. Mostrar todas as postagens

29 de mai. de 2010

Chat com webcam no blog

Há um tempo atrás eu abordei este item no blog mas acabei não fazendo a tutorial de como colocar webcam no blog para bater um papo com seus visitantes. Faço isso agora.

A primeira coisa a fazer é entrar no site TokBox e fazer seu registro.

Ao entrar vc verá uma página como esta, faça aí o seu registro.

depois vc irá para uma página como esta. Clique em "Continuar"

Pronto, agora vc estará na página com o seu perfil. Para obter o código clique em "Accont", ao abrir janela clique em "Embed"

Abrirá uma janela, clique então em permitir e depois em fechar.

Clique então no botão "Add to my site"

Ao abrir a janela, copie o código e cole no HTML/Javascript em seu blog. Pronto, agora quando seus visitantes entrarem em seu blog poderão conversar com vc.

»»Leia mais...

13 de nov. de 2008

Coisinhas de Natal

. Elke di Barros | 17:31 5 comentários:

Para quem quer fazer mudanças em seu template ou apenas adicionar coisinhas de Natal em seu blog, abaixo alguns links que preparei para você.

»»Leia mais...

14 de jun. de 2008

Tradutor online para seu Blogger

. Elke di Barros | 00:44 2 comentários:

Mais um tradutor online para seu blog. Copie o código e cole em HTML/Javascript, em "Elementos de página

»»Leia mais...

29 de mai. de 2008

Navbar que aparece em um clique

. Elke di Barros | 20:57 2 comentários:

Esta dica é para que sua navbar apareça somente se clicar em cima. Mas como nem tudo é perfeito, não funciona no IE e nem no Opera, só no Firefox.

O que você tem que fazer é copiar o código, ir até o HTML do seu blog e colar antes de:

body {

Clique AQUI e veja como funciona (claro que você só verá o efeito se navega pelo Firefox)

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Créditos: Blog U

»»Leia mais...

8 de mai. de 2008

Cursores no Blogger

. Elke di Barros | 19:45 36 comentários:

Colocar cursores no Blogger, é mega fácil.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o blog da Drica, ou ao blog do Tony , ou quem sabe ao Mouse Cursor, e escolha o cursor de sua preferência e copie o código.

Só funciona no Internet Explorer ;-[

Copie o códigoe cole no HTML/Javascript.

Clique em adicionar Gadget

Vá até o HTML do seu blog e procure pela tag (código):

<head>

Cole abaixo o código do cursor salve.

Facinho d+

Este site oferece cursores que funcionam no Chrome e no Firefox

http://cursores.girlspt.com/

»»Leia mais...

29 de mar. de 2008

Botão do bookmaker entre os posts

. Elke di Barros | 01:28 Nenhum comentário:

Para ter um botão de favoritos do Bookmaker para cada postagem como essa que tenho aqui em meu blog não é difícil. A primeira coisa que você deverá fazer é logar o seu blog, depois entre no site:

http://www.addthis.com/

Agora clique no botão como este que tem lá.

Preencha o formulário como no exemplo

Bom, se você estiver logado você agora verá uma página como esta abaixo, então é só clicar para expandir e copiar o código. Se não, entre no seu blog.

Agora vá até o HTML do seu blog, clique em Expandir.

Procure pelo código :

<div class='post-footer'>

Cole abaixo o código que você copiou e salve. Prontinho !

»»Leia mais...

7 de jan. de 2008

Buscador dentro do blog com fundo personalizado

. Elke di Barros | 17:12 Nenhum comentário:

»»Leia mais...

18 de out. de 2007

Efeitos caixinhas rolantes (marquee)

. Elke di Barros | 10:16 6 comentários:

Copie o código, vá até "MODELO" e em "Elementos de página", clique em "Adicionar um Elemento de Página" e depois clique em "HTML/Javascript". Agora é só colar o código.

Para mudar a direção que as caixinhas rolam, troque o "UP" por "LEFT" (esquerda) "RIGHT" (direita) ou "DOWN" (baixo)

*Caixinha rolando para os lados AQUI

Números em vermelho são as do tamanho da caixinha. Basta muda-los para aumentar ou diminuir.

ESCREVA AQUI OU COLE O ENDEREÇO DE SUA IMAGEM

<CENTER><marquee Style= scrollamount="3" direction="up"onmouseover=this.stop() onmouseout=this.start() width="180" height="180" >ESCREVA AQUI OU COLE O ENDEREÇO DE SUA IMAGEM</center></marquee>

ESCREVA AQUI.

<CENTER><marquee Style="Border:#CCCCCC 4px solid" scrollamount="2" direction="UP"onmouseover=this.stop() onmouseout=this.start() width="180" height="180" >ESCREVA AQUI OU COLE O ENDEREÇO DE SUAS IMAGENS .</center></marquee>

ESCREVA AQUI OU COLOQUE O ENDEREÇO DA IMAGEM

<center><table border="2" width="180" height="180" cellspacing="4" bordercolor=" #000000 " background="AQUI O ENDEREÇO DA IMAGEM DA BORDA">
<tr>
<td bgcolor=" #FFFFFF " valign="bottom">
<marquee scrollamount="3" direction="UP"onmouseover=this.stop() onmouseout=this.start() width="180" height="180" ><center>ESCREVA AQUI OU COLOQUE O ENDEREÇO DA IMAGEM</center></font></marquee>
</tr>
</table></center>

ESCREVA AQUI OU COLE SUAS IMAGENS

<center>
<table border="2" width="180" height="180" cellspacing="4" border background="AQUI O ENDEREÇO DE SUA IMAGEM DE FUNDO ">
<tr>
<td bg valign="bottom"><marquee scrollamount="3" direction="UP"onmouseover=this.stop() onmouseout=this.start() width="180" height="180" >
ESCREVA AQUI OU COLE SUAS IMAGENS</marquee>
</tr>
</table></center>

»»Leia mais...

26 de ago. de 2007

Tabelas para o poste

. Elke di Barros | 03:06 Um comentário:

Para ter em seu blog efeitos diferentes nos posts copie o código, vá até o editor das postagens (no local que você escreve) clique em "Edit HTML" e cole o código lá. Coloque a imagem de sua preferência e publique.

Efeito imagem de fundo se repete

<div align="center"><table style="WIDTH: 540px; HEIGHT: 84px" height="84" width="502" background="AQUI O ENDEREÇO DA IMAGEM" border="6">
<tbody>
<tr><td width="100%">ESCREVA AQUI</td></tr></tbody></table></div>

Imagem de fundo se repete no lado direito

<TABLE style="BACKGROUND-POSITION: right top; WIDTH: 502px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 104px; BACKGROUND-">AQUI O ENDEREÇO DE SUA IMAGEM border=6><TBODY><TR><TD>ESCREVA AQUI</TD></TR></TBODY></TABLE>

Imagem se repete a esquerda

<TABLE style="BACKGROUND-POSITION: left top; WIDTH: 502px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 104px; BACKGROUND-">AQUI O ENDEREÇO DE SUA IMAGEM border=6><TBODY><TR><TD>>ESCREVA AQUI</TD></TR></TBODY></TABLE>

»»Leia mais...

13 de ago. de 2007

Tabelas

. Elke di Barros | 03:27 2 comentários:

Aqui você escreve o que quiser,
Coloque imagens, convites, recadinhos para seus visitantes, poemas, receitas...

<table bgcolor="#ffcc99" border="7" bordercolor="#ff6600" cellpadding="5" style="height: 275px; width: 396px;"><tbody>
<tr><td align="middle"><img height="60" src="ENDEREÇO DE SUA IMAGEM" style="height: 120px; width: 93px;" width="80" /> </td><td align="middle" style="color: black;"><br />
<span style="font-family: Comic Sans MS;"><b><span style="color: black; font-family: Papyrus,Geneva,Arial,Sans-serif; font-size: 130%;">ESCREVA AQUI O QUE QUISER</span></b></span>
<br />
<strong><span style="color: black; font-family: Comic Sans MS; font-size: 85%;"></span></strong><br />
<br /></td></tr>
</tbody></table>

---------------------------------------- 0 X 0 ------------------------------------

Claro que tudo depende de sua criatividade, das cores, imagens, inscrições que você usar.
Mas fica legal pois aqui você poderá usar sua criatividade.

<table bgcolor="#000000" border="7" bordercolor="#cccccc" cellpadding="5" style="height: 275px; width: 396px;"><tbody> <tr><td align="middle"><img height="60" src="AQUI O ENDEREÇO DA IMAGEM" style="repeat: repeat-x; height: 137px; width: 108px;" width="80" /> </td><td align="middle" style="color: black;"><br /> <span style="font-family: Comic Sans MS;"><b><span style="color: black; font-family: Papyrus,Geneva,Arial,Sans-serif; font-size: 130%;">Aqui você escreve o que quiser</span></b></span><br /> <br /></td></tr> </tbody></table>
---------------------------------------- 0 X 0 ------------------------------------

Aqui você escreve o que quiser,
Então, gostou ?
Clique AQUI e pegue o código.

<table bgcolor="#000000" border="7" bordercolor="#cccccc" cellpadding="5" style="height: 275px; width: 496px;"><tbody> <tr><td align="middle"><img height="160" src="http://i183.photobucket.com/albums/x5/templateseacessorios/fantasia/fa0923.gif" width="200" /> </td><td align="middle" style="color: black;"><br /> <span style="font-family: Comic Sans MS;"><b><span style="color: black; font-family: Papyrus,Geneva,Arial,Sans-serif; font-size: 130%;">Aqui você escreve o que quiser,</span></b> <br /></td></tr> </tbody></table>

Outros modelos aqui e aqui

»»Leia mais...