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

terça-feira, 25 de setembro de 2012

Inserindo Efeito Neon Sombra nos Links




Olá leitores, venho encinar a vocês como inserir efeito neon com sombra nós links do seu site, esse efeito deixa seu site mais moderno e eficaz, dando assim melhor aparecencia.


É bem simples adicionar isso, acesse seu painel do blogger, vá em design > editar html
Agora procure por:



]]></b:skin>



& antes dessa linha insira:



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



OBs: Onde tem #FF000 Você pode está alterando a cor, para uma de sua preferencia


Como Redirecionar o blog para outro

Todos nós que temos Blogs nem sempre seguimos em frente com um Blog só e logo queremos criar outro, e ficamos naquela dúvida " Poxa! Meu site tem 200 postagens e não quero excluí-lo mas também não quero seguir em frente com ele. Quero criar um blog diferente." Então temos a solução para você. Não exclua seu blog. Apenas redirecione o seu blog antigo para o seu novo blog. Vamos aprender.

Vá no Painel do seu blog > Design > Editar HTML. 
Procure pela linha <head>.
E acima de <head> cole o código abaixo.

<script>
location.href="Link do outro site";
</script>


Modifique somente oque esta de vermelho



Como Colocar Zoom na Img's


Design>Editar HTML> Ctrl+F procure por ]]></b:skin>


E cole o codigo abaixo , acima de ]]></b:skin>


/*--Zoom-Imagens-- */
a:hover img {
transform: translate(0px, -4px);
-moz-transform: scale(1.1) translate(0px, -4px);
-webkit-transform: scale(1.1) translate(0px, -4px);
-ms-zoom: 1.1;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}  

Salve E Pronto!!  Comente!!!


Como Instalar Fonts no Windows XP




Descrisão:Eu irei usar em meu turtorial apenas um sistemas operacional para a instalação:Windows Xp


Instalação no Windows XP


Após a descompactação;
Va em Iniciar, Executar e escreva C:\Windows\Fonts
Arraste a fonte pra dentro dela;
Pronto Tá instalado





Tutorial Como Colocar Menu com Imagens


Ae esto aqui realizando o pedido do Cesar Major ae que me pediu vo ta postando ae primeiro vai em Design do blog dps vai em editar html expandi modelo e procure pela seguinte tag ]]></b:skin>

e cole o codigo a baixo, debaixo da tag

Obs: os links em rosa sao as imagens do menu pessoal a barrinha onde fica as palavras inicio parceria n estao no codigo voce tem que desenha no header e dps ajeitar no codigo

/*-----Menu Imagens By:DjCopax/
#menuimagem{
width:100px;
height:100px;
display:block;
position:absolute;
margin:-68px 0 0 115px;
}
#home {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQtAAmB-zaH547NmXo1P5MH90t0Yzsy_wfxV7iifuqjKK4-Ge4mzaKnzvooTznHlTIoFOr4guPb73T6_kVH__eFTx9kRtj2a2avA2cyBOSWYcUMo6cJB2BAEFk2zq5UA0hU1ItCENUjqB/s1600/inicio.png) no-repeat;
width:173px;
height:70px;
float:left;
}
#home:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGELt0HnI9lwuORuh0GUeZ7O6G-IbRv4uy4WhVIYn96of1h__GaPaYycsg-C6gItDhGY1HG8kNjpieJlsPnYplmncCPV1K6VLllCQxczdl33kkkZ9iq5NB0KfhGNRUWBzi4QP1EUii9xzH/s1600/inicio2.png) no-repeat;
width:173px;
height:70px;
float:left;
}
#HOME{
width:208px;
height:57px;
display:block;
position:absolute;
margin:-22px 0 0 100px;
}
#contato2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRkzL4mJd5YVjhjjF075KVNTwMI44WNAjV8HQkrtAagowthNoK55X4AfdXDRijv6Id067ZKJ8jIKmgocSSLepT2yaEfCSt5MzgtTR6x7JNsf4VVHUrECGHdefkA6FLCtxfuYiHJT7jw5Pn/s1600/parceria.png) no-repeat;
width:173px;
height:70px;
float:left;
}
#contato2:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijv28m3NvytrrOGMBl73cG43xKsaCegAO7b5fb6GvU-RV3RiLEfJwhlcNnLrti4XXZDcW1yAKqbB7-yPMf1NaSxf48NvUSAKcFGtkGIpN8lwiURD42TR1i8dhVq7aihISCBe_amN6oYZce/s1600/parceria2.png) no-repeat;
width:173px;
height:70px;
float:left;
}
#CONTATO2{
width:208px;
height:57px;
display:block;
position:absolute;
margin:-22px 0 0 295px;
}
#parceria {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU115Cp96kCpeRC85K5QAxR5rtbzq1KlO7A2zOjpzllPvjUjwqsNM_GIoZWm6G6yBki9Ju2asidZFsg9UXDKZY2Z2e1R9XcuFD8MXH2GSBgfbQXBneHFXM2_s58cvbfdgKfn8GJ8xsKZnP/s1600/pedidos.png) no-repeat;
width:173px;
height:70px;
float:left;
}
#parceria:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif5yO91Ukm8Srb1V8kmm5vFOwQ898J1qk_IHnJonZg2uixZizuIBCr3XKBUk-VXCGXh-rb5uM4TOc8T0uNhJb3_CIwya_5m8jXmclS4t7KuDQSl0N3HhusTmo-Jb_xyhODHBJPj3DZUGzZ/s1600/pedidos2.png) no-repeat;
width:173px;
height:70px;
float:left;
}
#PARCERIA{
width:208px;
height:57px;
display:block;
position:absolute;
margin:-22px 0 0 500px;
}



Coleque o codigo abaixo , debaixo do header = <div id='header-wrapper'> n cole deibaixo cole onde acaba o <div>

<div id='menuimagem'>
<div id='HOME'>
<a href='/' id='home' title='Volte Para a Pagina Inicial'/>
</div>
<div id='CONTATO2'>
<a href='Seu link aqui' id='contato2' title='Seja Nosso Parceiro !'/>
</div>
<div id='PARCERIA'>
<a href='Seu link aqui' id='parceria' title='Faça seu Pedido'/>
</div>
</div>


Como Colocar sidebar grande





#sidebar5 {

float: left;
width: 440px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
margin-top:0px;
margin-left:0px;
}
.sidebar5 h2 {
padding:19px 0 0px 40px;
color:#fff;
text-shadow:1px 1px #;
font: bold 18px  sans-serif, sans-serif, sans-serif, sans-serif;
overflow: hidden;
background: url( URL da Imagem Topo Da Sidebar ) no-repeat;
height:90px;
}
#sidebar5 .widget-content{
background: url( URL da Imagem Meio Da Sidebar ) repeat-y;
padding:0px 15px 0px 15px;
}
#sidebar5 .widget {
margin:0px 0px 30px 0px; padding:0px 0px 110px 0px; background: url( URL da Imagem Fim Da Sidebar ) no-repeat bottom left;
}



Cole O Codigo Acima Antes de ]]></b:skin> 
--------------------------------------------------------------------------

Cole o Codigo Abaixo Acima Da Sidebar Lateral

<div id='sidebar5 section'>
<div class='sidebar5 section section' id='sidebar5'><div class='widget HTML' id='HTML1'>
<h2 class='title'>OTÍTULO</h2>
<div class='widget-content'>
Aqui Vc Escreve o Que Quiser

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



Como Colocar o Nome do Blog em Movimento

E ae Galera da Ship Hoje venho fazer mais um tutorial
"Como Colocar Nome do BLog em Movimento"

1. Abra “Design” e clique em “Editar HTML”do seu blog e clique em "Expandir modelos de widgets".
2. Depois da um Ctrl+f e procure por:
<heady> 
 3. Cole em Baixo dessa tag esse codigo a baixo:
 ===================================================
<script language='JavaScript'>
var txt=&quot; NOME DO SEU BLOG AQUI &quot;;
var espera=120;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);refresco=setTimeout(&quot;rotulo_title()&quot;,espera);}
rotulo_title();
</script>
 =================================================
4º Clique em "Salvar modelo" e pronto!

Nunca Se Esqueça, Criatividade e Exforço Lhe Tornará Um Grande Web Design


Como Colocar Botão Descer ao xat


Antes de começar Faça um Backup Do Seu template.


Vá em Design >Editar HTML



De Um Ctrl F e procure por </body>


Acima da Tag vc vai colocar o código Acima :


<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-110}); return false'><img alt='Bajar' border='0' src='http://i.imgur.com/6bDts.png' style='position:fixed; bottom:1px; left:0;'/></a>

Substitua a Area vermelha pela sua imagem caso tenha.

Salvar!!


como colocar postador da semana igual o da Ship

fala galera aqui é o DjCopax,estou aqui para ensinar como colocar postador da semana igual o da Ship Design 3D


Faça login no Blogger >> Layout >> Adicionar um Gadget >>HTML/JavaScript
e cole o codigo abaixo↓↓↓↓↓



<center><img src="url do avatar do postador da semana" style="height: 115px; width: 116px;" /></center>    <center><span style="font-weight: bold;"><span style="color: rgb(0, 0, 0);">Nome</span>: </span>nome do postador da semana<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style="font-weight: bold;">Cidade:</span> cidade do postador
</div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style="font-weight: bold;"> Idade: </span>idade do postador
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div></center>     <center><a href="Url do Orkut" rel="nofollow" target="_blank"><img alt="Orkut" src="https://lh5.googleusercontent.com/-xgR9zganwuc/TlST_z-xUnI/AAAAAAAAAI4/-UMamcZYFhU/09.png" border="0" height="25" width="25" /></a> <a href="url do twitter" rel="nofollow" target="_blank"><img alt="Twitter" src="https://lh6.googleusercontent.com/-W1L-KPqeYCU/TlST_uDLzaI/AAAAAAAAAI0/3s1My6C4ngw/08.gif" border="0" height="25" width="25" /></a> <a href="url do facebook" rel="nofollow" target="_blank"><img alt="Facebook" src="https://lh5.googleusercontent.com/-8-gOwvYRdi8/TlST-xyBLnI/AAAAAAAAAIc/WO2Ar7itgK0/10.png" border="0" height="25" width="25" /></a></center><center>
</center><center><a style="color: rgb(0, 0, 0);" href="Url da sua equipe" target="_blank"><img alt="star" src="https://lh6.googleusercontent.com/-FaTuEJMeyac/TlSOicbYp2I/AAAAAAAAAGA/agZFL5V9eNQ/01.png" /></a><b style="color: rgb(0, 0, 0); "><a style="color: rgb(0, 0, 0); " href="url da pagina de ser postador" target="_blank"> Seja Um Postador</a></b></center>




Tutorial-Como Mudar Sidebar de Lado







Me andam sempre peguntando como mudar a sidebar de lado por isso procurei e achei para voces!
Funciona na perfeição eu proprio testei!




1.Design>Editar HTML>Aperte CTRL+F




2.Procure por SIDEBAR-WRAPPER




3. Após ache por "Float"
4. Terá Float: right ou Float: left , modifique eles.




5. EX: Terá float: left troque por float: right




OUTRA MANEIRA:
Troque o texto “float: left;” por “float: right;” (se a sidebar estiver Direita Para Passar Para Esquerda)




troque “float: right;” por “float: left;” (se a sidebar estiver na esquerda para passar para a direita)

Obs- Isso nao pode funcionar em todos Theme.




sábado, 1 de setembro de 2012

Colocando Botão subir ao topo


Olá Galera do Blog do DjCopa hoje eu ''DjCopax'' vou
ensinar como colocar botão de volta ao topo em seu blog .


1. Vá em Layout > Adicionar um Gadget > HTML/JavaScript > HTML
e coloque o codigo do HTML abaixo .
=================Codigo=================

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Volte ao Topo !'><img src='Link/URL da Imagen aqui'/></a>

=================FIM=================
Editar Somente onde estar de Vermelho  ...
A seguir alguns botões Exclusivo do blog Subir ao Topo



Imagens de volta ao Topo.





quinta-feira, 17 de junho de 2010

Mudando Titulo " GooGle"

1- Entre nesse site CLIQUE AQUI
2- Após entrar no site você vera está tela

3- Em Enter Your Name você vai coloca o nome que deseja aparece exemplo " Downs XXT "
4- Você escolhe qualquer modelo que deseja aparece como por exemplo Coca Cola



5- Existem varios tipos para você poder visualizar todos clique em More Logo Styles and Colors 
é você pode personalizar do seu jeito. 
6- Pronto agora clique em Create My Search Engine é FIM!

Tutorial Exclusivo Downs XXT 


sexta-feira, 28 de maio de 2010

Criando um BOT no XAT.COM

Olá Pessoal eu hoje vim postar pra voces como criar um BOT que muitas pessoas vieram me perguntano por ai galera mas ja vo avisando é chato de fazer pq pra criar conta no xat e pá o xat.com é chato demais , mas vo explicar direitin , ia ate fazer video aulas mas bem na hora o fone CLACK , quebrou kkkk !
Mas vamo aew começar !



1ª primeiro :
Entre nesse Site [ CLIQUE AQUI  ]

Clique no link é onde voce cria sua conta para o BOT !


2ª segundo : 

Após criar sua conta no site voce tera de ir em xat.com e registrar uma conta com o final BOT !


Exemplo : DownsxxtBOT com capslock mesmo o bot !

Obs : Se voce ja é registrado no xat voce deve abrir qualquer xat e clicar com direito e ir em configuraçoes > salvar 0kb > abrir outro xat permitir 10 kb ( eles vao perguntar ;) ) > ai voce vai aparecer com um guest novo sem registro é so clicar emcima de seu nome e clicar em registrar e registrar de boas e depois voltar pra sua conta ! Lembrando : a conta tem que terminar com BOT !

3ª Terceiro :

Agora após de criar a conta no xat com FINAL BOT  voce abre o site que mandei ali no link novamente abre a conta que voce criou e clica em create bot ai voce passa os steps explicando como se faz e vai clicano pra frente ate chegar no formulario !


No campo : Xat Account Login 
Voce vai colocar aqui a conta que voce criou para o bot !

No campo : Xat account password

Voce coloca aqui a senha da conta do xat !

No campo Xat Group : 

Voce coloca aqui o nome do grupo do seu xat !

No campo home page :

Voce coloca a casinha que o BOT terá

E no campo link of imagem :

Voce bota o link da imagem que o mod vai usar !

Após terminar tudo isso é so clicar em CREATE abaixo da pagina e esperar carregar a proxima parte !

Após criar o bot voce tera que conectalo ai e so esperar a pagina carregar e clicar em conectar BOT e voalá o BOT esta pronto !
NÃO É FACIL DE ENTENDER MAIS PRESTE BASTANTE E ATENÇÃO QUE VOCÊ CONSEGUE.

Windows Live Pernonalizado

Tutorial:
Muita Gente Me Pergunta Como Criei O Meu Msn "contato@downsxxt.com.br"
Então Resolvi Postar Aqui Como Fazer Isso.Para fazer isso a única coisa que você deve fazer é seguir os passos abaixo:

1º) Entre no site: Windows Live ID

2º) Clique no link “Inscrever-me” que fica localizado no lado esquerdo da página.

3º) Será perguntado se você possui um endereço de e-mail, marque a primeira opção, “Sim, usar meu endereço de e-mail” e clique em “Continuar”.

4º) Agora faça seu próprio e-mail (qualquer um), crie uma senha, responda o resto do cadastro e clique em “Continuar”.

5º) Agora basta digitar seu e-mail no campo pré-determinado e clicar em “Concordo”.

6º) Faça o login e será pedido para enviar-lhe o e-mail de confirmação e verificação, mas não terá como, basta ignorar esta mensagem e entrar no seu Windows Live Messenger.

Pronto! Agora é só curtir o seu novo e-mail no Windows Live Messenger ao seu bom estilo e gosto personalizado.

sábado, 27 de fevereiro de 2010

Tutorial - Colocando botão Topo no blogger

1° Baixe o Arquivo
2°Pegue o Código e Vá em Layout>>Elementos da Página e Clique em Adicionar um Gadget.
3°Selecione HTML/Javascript
4°Coloque o Código e Salve.
5°Visualize e em qualquer parte do site é só clicar na imagem q volta para o topo
6°Para Alterar a Imagem Do Topo : Procure por esse Link :
http://img27.imageshack.us/img27/6803/63935859.png
7° Escolha uma Imagem Hospede-a e Substitua o link da nova imagem por esse link.

Sites para hospedagem de Imagens :
www.imageshack.us
www.tinypic.com

para saber qual é o link Certo Selecione sua imagem Clique em "upload" e pegue somente o link que está dentro da caixinha "Direct Link" Pronto é só Substituir e Salvar.

Tutorial - Criando um topo para seu blog/ site pelo photofilter

Olá pessoal muitas pessoas se pergunta se tem como fazer ótimos logo, banners, topos etc com o photofilter studio x, pois eu digo que da sim, mecho muito com o photofilter studio x e vou colocar um video aula aqui ensiando como fazer esse topo. se você tem dúvidas onde pegar ótimas imagens recomendo pegar algumas imagens no www.iconesbr.net la você vai encontrar diversas imagens para você pode baixar e colocar no seu blog para dar mais infeite, deixar mais infeitado vamos se dizer assim né xD. bom vamos ao vídeo.

Tutorial - Colocando artigos relacionados no blogger

Exibir conteúdo relacionado de um artigo, certamente é uma maneira muito eficiente para diminuir a taxa de rejeição do seu blog. Pois bem, hoje venho mostrar como inserir artigos relacionados com imagens, que certamente chamará ainda mais a atenção do leitor. Vamos aos passos:

  • Estando logado no painel de controle do Blogger, www.linkwithin.com para acessar o site LinkWithin;
  • Preencha o formulário com seu e-mail, endereço do seu blog, plataforma (no nosso caso Blogger) e a quantidade de artigos relacionados que deseja exibir;
    OBS.: Caso seu blog contenha um fundo escuro e letras claras, marque a caixa My blog has light text on a dark backgroun;


  • Clique em Get Widget;
  • Clique em Install Widget;
  • Altere o título que será exibido, de acordo com sua preferência;
  • Clique em Adicionar Widget;
  • Arraste o Widget para baixo das postagens, conforme imagem abaixo:

  • Depos visualize e Salve

Tutorial - Como colocar FAVICON no Blogger

Favicons

Diversos usuários reportaram, nesta semana, problemas com o favicon de seus blogs. Favicon é aquele pequeno ícone que aparece na barra de endereços do navegador.

Aqui no XpertDowns, como podem ver agora o icone esta la funcionando direitinho. Então, resolvi criar um post ensinando direitinho o código adequado.
Para quem ainda não tem um favicon, basta criá-lo no editor de imagens de sua preferência, no tamanho de 16 x 16 px, ou pegar um aqui iconesbr.net e hospedar na web (ImageShack, PhotoBucket e etc)(recomendo o tynipic). Existem também sites especializados na criação e distribuição de favicons. (Exemplo: favicon.cc)
Agora, vamos entrar no html do template e procurar por :

] ] > < / b : s k i n >  (Junte os espeços)


Logo após, iremos colar o seguinte código:
rel='icon' type='image/x-icon'/>
rel='shortcut icon' type='image/x-icon'/>
Substituimos http://sua_imagem.png pela url do favicon.
Vamos visualizar o template e, se tudo estiver ok, salvá-lo

Adicionando um coluna no template do blogger

Esse tutorial ensina como adicionar colunas no novo blogger, é um tutorial muito simples para quem presta bastante atenção no tutorial esse tutorial foi feito mais uma vez por Templateparanovoblogger, para que você possa ver esse belo tutorial acesse esse: Tutorial adicionando colunas
Deixe um comentário caso tenha alguma dúvida, sugestões ou reclamações.

domingo, 21 de fevereiro de 2010

Roubando Template de Qualquer Site

Olá pessoal  hoje vou postar aqui um programa que esta
fazendo muito sucesso, esse programa permite você pega qualquer site do mundo bastando apenas saber o
endereço original do site como exemplo: http://www.exemplo.com/index.html não adianta você tenta colocar
só http://www.exemplo.com/ que não vai da certo. Bom vamos ao tutorial então?

1° ) Baixe esse ótimo programa chamado: Mep GetSite
2° ) Extrai ele para onde você deseja.
3° ) Abra ele.
4° ) Onde está escrito: "Site to download (page URL or domain", Você vai colocar o endereço do
Site exemplo.com/index.htm ou html, php etc... (Lembrando que se colocar apenas .com/ não vai
funcionar. tem que ser /index.htm).
5° ) Ai em "Directory to save files" Você vai escolher onde vai quere salvar o site.
6° ) Em "Feke identification" Você vai deixar como está.
7° ) Depos em Download all site .... deixa como está tambem.
8° ) Logo depos clique em "Go download it", espere que ele baixe todo o site e pronto.
- Bom proveito podera fazer oque você quiser.

 
Clique na Imagem para dar ZOOM


Tutorial feito por: Vitinho, Equipe: XpertDowns - Deixe um comentário.