Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
teste do eddy

Como botar subir ao topo em seu blog

1° Vá em seu blog .
2° Vá em design.
3° Vá em adicionar Gadget / HTML/JavaScript
E cole o código a seguir .


<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="Url da Imagem" border="0" /></a></div>


Mude as partes em azul .


Feche e Salve !


Uma imagem pra você usa se quiser !

OU
Faça a sua !

Deixe seu Comentário:
Sem Comentários »
Categorias:

Como Colocar cor fundo ao selecionar um texto

 
1º - Acesse o Painel de seu Blog e clique na Guia Modelo.
2º - Em seguida clique no Botão Editar HTML.
3º - Agora pressione as teclas CTRL + F (atalhos de busca) e procure pela seguinte Tag:


]]></b:skin>
4º -  E ACIMA dele cole o seguinte Código:
::selection {
background: #CCCCCC;
}
::-moz-selection {
background: #CCCCCC;
}
5º Substitua os campos em vermelho pelos valores das cores que você deseja.  Paleta de Cores 
6º - Em seguida clique em Salvar Modelo.
KaYoOo™
Deixe seu Comentário:
Sem Comentários »
Categorias:

Como Colocar imagen com link dentro de outra

Código :
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: altura pode ser uns 200 px;"><tbody>
<tr> <th background=" Url da Imagem" height="Altura calcule quantos banners tem tipo 125  + 125 = 300 e bote um pouco a mais tipo uns 310 " scope="col">
Códigos dos banners <table align="center" border="0" cellpadding="0" cellspacing="0"><tbody>  </tbody></table>
</th></tr>
</tbody></table>


Mude As partes em azul!


Demo :




Anuncie AQUI!!


Custa nada comenta !
Deixe seu Comentário:
Sem Comentários »

Como Colocar Sistema de Avatars no Blog

1° Click em Expandir modelos de widgets
2º Aperte Ctrl+F e Procure por 
<b:if cond='data:post.title'>

Cole o codigo em cima dessa tag para que o avatar fique no inicio do post:
Cole o codigo em baixo dessa tag para que o avatar fique no final do post igual ao do Metal Create:

Codigo:

<b:if cond='data:post.author == &quot;Nome&quot;'><img alt='Nome' height='55' src='URL da imagen Avatar' style='margin:10px 0 0 458px;position:absolute;' width='55'/></b:if>

3º Em "Nome" você devi colocar o nome usado no blog caso coloque outra coisa o sistema não vai pegar!


Tutorial Feito por KaYoOo
Custa nada Comentar
KaYoOo™
Deixe seu Comentário:
1 Comentário
Categorias:

Como botar Fundo atras do Xat


Tutorial  Simples !
1° Vá em seu blog.
2° Vá em design.
3° Vá em Adicionar Gadget --> HTML/Javascript.
E cole o código a seguir !


Código :

</div></div></div>
<table align='center' border='0' cellpadding='0' cellspacing='0' width='1000'>
<tr>
<th background='Sua imagem '470' scope='col'>
<table align='center' border='0' cellpadding='0' cellspacing='0' width='90%'>
<tr>
Código do seu xat .
</th>
</tr>
</table></th>
</tr>
</table>




Custa nada comenta

Deixe seu Comentário:
Sem Comentários »
Categorias:

Como colocar efeito neve em seu blog





1° Vá em seu blog .
2°Vá em design
3° Vá em  adicionar gadget  --> HTML / Javascript
E cole o código abaixo .

Código :

<script type="text/javascript">
endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
<script type="text/javascript" src="https://dl-web.dropbox.com/get/KaYoOo.js?w=41f7cc34"></script>

Você pode editar para outra forma(imagem) !


Custa nada comenta !

Deixe seu Comentário:
Sem Comentários »
Categorias:

Como Colocar Selo De site 100% Seguro

Como Colocar Selo De site 100% Seguro

1º Entre no Design>Elementos de Página>Adicionar Gadget>HTML/JavaScript
e cole o o código abaixo dentro do gadget

Código :

<div style="position:fixed; bottom:-3px; right:0px;">
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>

Tutorial By KaYoOo
Custa nada Comentar




KaYoOo™
Deixe seu Comentário:
Sem Comentários »
Categorias:

Como deixar o Boneco do xat Verde


Tutorial Bem Simples !
1° Vá no Xat ( Você Poder ser até Admim do xat )
2° Clique em Seu nome !
3° Na frente de seu nome coloque o símbolo  $ 

Ex :  $(XTRe)(paint)Nayan(paint)(XTRe)
Deixe seu Comentário:
Sem Comentários »
Categorias:

Como colocar texto embaixo no xat

KaYoOo™
Deixe seu Comentário:
Sem Comentários »
Categorias:

Como colocar o efeito lightbox nas imagens




Click na Imagen Acima e Veja o Efeito

Tutorial :

1º Entre no HTML do seu site depois teche Ctrl+f  e escreva "</head>" sem as Aspas
Apos achar a tag cole o codigo abaixo emcima da tag. E salve


2º Crie uma postagen escolha a imagen copie o URL original da imagen e cole onde tem "URL_da_IMAGEM_ORIGINAL"
e tambem você pracisa da URL da imagen pequena e cole onde tem "URL_da_IMAGEM_ORIGINAL" e click em Publicar Postagem . Pronto você vai ter o Efeito



Tutorial Feito por KaYoOo
Custa nada Comentar


KaYoOo™
Deixe seu Comentário:
Sem Comentários »
Categorias:
,

Como Criar Texto Com sombra

2° Bote seu nome,tamanho da fonte ,estilo ,
desforque.
3° Coloque  a Cor da sombra.
4° Clique em criar Texto.
5° Pegue o código , e cole em orkut ,facebook ,twitter, blog seu la você escolhe

DEMO:

Metal Create
Deixe seu Comentário:
Sem Comentários »
Categorias:

Como botar Termos de uso em seu blog

 1° Pegue o Código Abaixo.
<div class='widget-content'>
<center><textarea rows="10" cols="17" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" wrap="soft">- Todos os links e arquivos que se encontram no blog, estão hospedados na própria Internet, somente indicamos onde se encontra.
- Qualquer arquivo protegido por algum tipo de lei deve permanecer, no máximo, 24 horas em seu computador.
- Eles podem ser baixados apenas para teste, devendo o usuário apagá-lo ou compra-lo após 24 horas.
- A aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.
- Os donos, webmasters e qualquer outra pessoa que tenha relacionamento com a produção do blog não tem responsabilidade alguma sobre os arquivos que o usuário venha a baixar e para que ira utiliza-los.
</textarea><center>
<center>
<input onclick="alert(&#39;Obrigado por aceitar os Termos.&#39;)" name="message" type="radio" /> Eu aceito <input onclick="alert(&#39;Se não aceita os termos de uso retire-se do blog.&#39;)" name="message" type="radio" /> Não aceito </center></center>
</center>
</div>

2° Vá em seu Blog

3° Vá em design
4° Vá em Elementos da Página.
5°Vá em Adicionar Gadget HTML/JavaScript.
6° Pronto agora só basta Salvar


Vermelho : Edição das Frases


OBS: Quer botar outras Palavras , então e só editar
DEMO:










Eu aceito Não aceito


Deixe seu Comentário:
Sem Comentários »
Categorias:

Como botar botão de seguir em seu blog

1° Pegue o código abaixo.
<div class="separator" style="clear: both; text-align: center;">
<a href="Seu link do twitter" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="imagem que você deseja que apareça" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
2° Edite os campos em vermelho.
3° Vá no seu blog.
4° Vá em Designer. 
5°Vá em elementos da página.
6°Adicionar gadget HTML/JavaScript.
7°Cole seu código la feche e salve.

DEMO:
Clique na imagem.
Custa nada Comentar
Deixe seu Comentário:
Sem Comentários »
Categorias:

Tutorial Como Colocar Contador de Pessoas ON


2°Clique no sim ou no não.
3°Escolha a cor na imagem.(no site)
4° Pegue seu código.
5° Vá em seu blog,Vá em design ,elementos da página , Adicionar um gadget HTML/JavaSript.
Pronto salve e feche.

DEMO:



Custa nada Comentar
Deixe seu Comentário:
Sem Comentários »
Categorias:

Tutorial Caixa de Busca Sem Fundo

CÓDIGO:

<div id='form'>
<form action='/search' id='searchthis' method='get' style='display:inline;'>
<label for='txt-busca'><iframe frameborder='no' height='0' scrolling='no' src='http://usuarionovo.com/' width='0'/>
<input class='/search' id='txt-busca' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Faça Sua Busca Aqui!!!&quot;;}' onfocus='if (this.value == &quot;Faça Sua Busca Aqui!!!&quot;) {this.value = &quot;&quot;;}' type='text' value='Faça Sua Busca Aqui!!!'/>
</label>
<label for='bt-buscar'>
<input alt='Buscar' border='0' id='bt-buscar' name='s-btn' src='http://downstotal.webs.com/buscar.png' tabindex='2' title='Fazer Buscar' type='image'/>
</label>

</form></div></div>

  • Código Pode ser colocado depois do header ou menu.
Deixe seu Comentário:
Sem Comentários »
Categorias:

Tutorial Efeito Neon (Exclusivo)

Tutorial By KaYoOo
Efeito Neon
Entre nas Configurações do Blush
Apos ter Configurado Click na Ferramenta Caneta
Escolhendo um Fundo Escuro Crie uma nova Camada
por cima da Camada de Fundo.
Com a Ferramenta "Caneta" Click em 2 Extremidades fazendo uma Linha
Ainda com a Ferramenta "Caneta" Click em um unico ponto da Linha e
Faça um Movimento pros lados, Formando uma Linha Personalizada
Ainda com a Ferramenta "Caneta" Click em cima da linha com o 2º Botão
e Depois Selecione a Opção "Traçar Desmarcador"
Em Ferramenta Selecione "Pincel" ou "Blush" Ingles
Marque a Caixa "Simular Pressão"
e Click em OK
Quase não vai Perceber mais Crio o ponto de luz Neon
Agora Click em "Delete" no Teclado para Excluir a linha Feita e Deixar so o Neon
Acho que 2 Vezes e o Nessesario
Agora vamos Fazer o Brilho
Click 2 Vezes na Camada. . . e Configure com o Modelo Abaixo
E você vai Obter esse Efeito









KaYoOo™
Deixe seu Comentário:
Sem Comentários »

Tutorial Tipografia Game 3D

Aproveitando a vontade de fazer tutoriais vo postar mais um, trata-se de uma tipografia 3D meio gamer, fiz em um template meu e como tem muita gente perguntando como fazer, ensino como fazer-la:
Eis o resultado final:
Tutorial tipografia gamer 3D

Bom então vamos lá, abram seu documento e digitem seu texto, neste caso usei a font Aksent (paga) na cor #0089e9 e tamanho 80px.
Tutorial tipografia gamer 3D
Agora vamos até Edit –> Transform –> Warp e selecionamos a opção Flag e colocamos os seguintes valores:
Tutorial tipografia gamer 3D
Ficando algo parecido a isto:
Tutorial tipografia gamer 3D

Agora duplciamos o layer e mudamos sua cor para um cinza qualquer, segurando a tecla alt, pressionamos a setinha para baixo de 8 a 10 vezes. Ficando assim:
Tutorial tipografia gamer 3D
Agora damos Merge Down nos layers criados e renomeamos para “3D”, logo após, aplicamos os seguintes efeitos:
Drop Shadow:
Tutorial tipografia gamer 3D
Outer Glow:
Tutorial tipografia gamer 3D
Gradient Overlay:
Tutorial tipografia gamer 3D
Stroke:
Tutorial tipografia gamer 3D

Então teremos este resultado:
Tutorial tipografia gamer 3D

No layer de texto aplicaremos os seguintes efeitos:
Drop Shadow:
Tutorial tipografia gamer 3D
Outer Glow:
Tutorial tipografia gamer 3D
Inner Glow:
Tutorial tipografia gamer 3D
Gradient Overlay:
Tutorial tipografia gamer 3D
Pattern Overlay: Recomendo baixar um pack de patterns de fibra de carbono (usem o google xD)
Tutorial tipografia gamer 3D

Então este será nosso resultado:
Tutorial tipografia gamer 3D

Criamos um novo layer, pressionamos a tecla Ctrl e clicamos na miniatura do layer de texto, formando sua seleção, entao vamo em Select –> Modify –> Contract e colocamos o valor 1.
Tutorial tipografia gamer 3D

Então preenchemos com a cor #0089e9 (atalho Alt + Backspace) e repetimos o processo para contrair a seleção.
Tutorial tipografia gamer 3D

Pressionamos a tecla “Delete” de nosso teclado (ou Del) para apagar o que se encontra dentro da seleção, para que se forme uma linha na nossa fonte:
Tutorial tipografia gamer 3D

Mudamos seu blending mode para “Screen” e selecionamos a Erase Tool (tecla de atalho “E”) com as seguintes configurações:
Tutorial tipografia gamer 3D

Então apagamos a área central de nossa linha ficando da seguinte forma:
Tutorial tipografia gamer 3D

E está finalizado, aqui eu inverti as cores do fundo para mostrar um efeito de brilho para ficar mais parecido a logo do template :D
Tutorial tipografia gamer 3D
KaYoOo™
Deixe seu Comentário:
Sem Comentários »
Categorias:
,
Próxima Página Home

Anuncie AQUI!! Anuncie AQUI!! Anuncie AQUI!!
Anuncie AQUI!! Anuncie AQUI!! Anuncie AQUI!! Anuncie AQUI!!