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

Como colocar XAT na lateral do blog

Unknown
Olá pessoal !

Hoje venho ensinar como colocar XAT na lateral do seu blog/site

Passo a Passo:

1° - Entre no Painel do Blogger, selecione a opção Modelo de seu blog

2° - Editar HTMl

3° - Procure pelo codigo:

]]></b:skin>
4° - EM CIMA de ]]></b:skin> coloque:
#gb { position:fixed; top:150px; z-index:+1000; left:-610px; } * html #gb { position:relative; } .gbtab { height:161px; width:47px; float:right; cursor:pointer; background:url('http://i41.tinypic.com/23u7fr4.png') no-repeat; margin-top:20px; } .gbcontent { float:left; border:2px solid #8c00c1; background:#fff; opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); -webkit-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px; padding:8px; }<br /> <br />

 5° - Procure agora por:
</body>
6° - Em baixo de  </body> coloque:
<script type='text/javascript'> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 47-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id='gb'><div class='gbtab' onclick='showHideGB()'></div><div class='gbcontent'><div style='line-height:0;background-position:center;width:590px;height:310px;'><embed align='middle' allowscriptaccess='sameDomain' flashvars='id=165636905' height='310' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='590' wmode='transparent'/> </div></div></div>
------Personalizações --->

 (x) Vermelho = ID de seu XAT
(x) Azul = Cor da Borda
(x) Amarelo = Imagem do Botão

 Caso queira usar o mesmo botão da Design Evollution, não precisa mudar o link da imagem, ficará assim 
Caso queire outro =
Use o que mais se encaixa com as cores de seu blog
Obs: Não sabe o código da cor que você quer?  OBTER CODIGO


Como pegar o ID do Xat ---->

 1° Abra a pagina do seu XAT

 2° Procure a palavra EMBED e clique

 3° Procure uma sequencia de números como essa : 165636905 ( a sua será diferente )




Algum problema? Erro? Duvida? Comente e ajudaremos !


Deixe seu Comentário:
1 comentário
Categorias:

Tutorial Exclusivo - SEO

Unknown
Bom hoje vou ensinar á voces como divulgar o seu site ou blog da melhor forma sem pagar nada, bom, claro que nao e a melhor que existe, mas a melhor que existe sem ter que pagar nada ne!.

Vamos la!
Faça login em seu blogger.
Entre em Editar HTML.
Aperte CTRL + F e procure por: <head>
Então cole o codigo abaixo em cima da tag.

Atenção-nao retire o link se nao o codigo nao funfa pq e js



<!--CODIGO BY DESIGNEVOLLUTION.COM.BR/CODD-->
<meta content='DESCRIÇÃO DO SEU SITE' name='Description'/>
<meta content='PALAVRAS-CHAVES DO SEU SITE' name='keywords'/>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DESCRIÇÃO DO SEU SITE' name='Description'/>
<meta content='PALAVRAS-CHAVES DO SEU SITE' name='keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='1' name='revisit-after'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='all' name='spiders'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta HTTP-EQUIV='Expires' content='never'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> :: <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;,&quot; + data:blog.title + &quot;&quot;' name='Keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='all' name='spiders'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
</b:if>
<!--FIM-->

Onde esta de azul voce coloca a descrição do seu site
Onde esta de vermelho as palavras chaves separadas por virgula. EX. design, evollution, melhor etc,,

Concerteza da certo, se nao der certo ai tente novamente
Qualquer duvida comente!
Tutorial by Mateus


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

Como Colocar Styles em PSD no Photoshop

Viтiинσ

                                                             Ta ae Mais um Tutorial
                                                                           
Deixe seu Comentário:
Sem comentários »
Categorias:
,

[Video-Tutorial] Fazendo Texto em 3D Photoshop

Gabriel Roas
Video mostra como fazer texto em 3D no photoshop.
Download PhotoShop Inglês : http://www.multiupload.com/9MYACDQHX6


Credito pelo video para o criador adirsilva14

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

Criando selo para Orkut

Unknown
ganhou um novo selo<div style='margin: 0px; padding: 5px 10px;border: 1px solid rgb(238, 238, 258); min-height: 64px; width: 400px;'><div style='margin: 0px; padding: 0px;float: left; display: block;'><img src='https://lh4.googleusercontent.com/_lazF5_LuNm8/TXroDMJdlPI/AAAAAAAAASQ/GLXThLqpLac/60x60.jpg' style='border-width: 0px; width: 61px; padding-right: 10px; padding-bottom: 10px;'></div><div style='margin: 0px; padding: 0px; float: right;'><a href='http://divulgarti.blogspot.com/'target='_blank'><img src='http://img7.orkut.com/images/chinna/231750382979/2.png'style='border-width: 0px; width: 32px; padding-left: 5px; padding-top: 5px;float: right;'></a></div><div style='margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Arial; font-size: 15px; font-weight: bold;'>Blog DivulgARTI<br></div><div style='padding: 0px 0px 10px; color: red; font-family: Arial;'><a href='http://divulgarti.blogspot.com/' target='_blank'>patrocinado pelo Orkut</a></div><div style='padding: 10px 0px 0px; color: #363636; font-family: Arial; display: inline;'>1.001 maneiras de divulgar Site/Blog<br></div></div>

Explicando o código:
A parte em vermelho é a URL da imagem que aparecerá do lado esquerdo (importante ser nas dimensões 60x60 e colocar a URL entre 'aspas' ou sei la como se chama esse acento)! xD
Hospede a imagem no Picasa ou no próprio Blogger, segure ela e arraste para uma nova guia do navegador e solte, copie então o link direto da imagem. (qualquer outro hospedeiro de imagens também serve ok).

Em amarelo é o link do seu site ou blog.

Em verde é a URL da imagem do O do Orkut.

Em laranja é o texto original (coloque o que você quiser).

E em azul é o outro texto.

E, por final, ele ficará assim:

ganhou um novo selo
Blog DivulgARTI
1.001 maneiras de divulgar Site/Blog

Como postar isso no Orkut?!

Fonte:Divulgaarti
Deixe seu Comentário:
Sem comentários »
Categorias:

Como por fundo no seu blog

Unknown
É muito fácil trocar a imagem de fundo do seu blog. Mas devemos tomar um certo cuidado ao fazer isso para que o blog não se torne pesado demais ao ser acessado por internet lenta. 


Escolhendo a imagem usada A maioria dos leitores está tendo problemas com a imagem. Vou explicar bem detalhado aqui como obter o endereço da imagem.
1 - Procure a imagem que lhe interesse e baixe no seu computador
2 - Acesse o PICASAWEB [nele estão todas as imagens do seu blog, não delete nada!!!]
3 - Clique no álbum em que estão as imagens do seu blog [geralmente o álbum possui o mesmo nome que o blog]
4 - Clique em "Adicionar fotos"


5 - Selecione a imagem que está em seu computador e clique em "Iniciar Upload".

...No navegador Firefox 6 -Acesse a imagem que você hospedou no Picasa. Clique sobre a imagem com o botão direito do mouse e clique em "Exibir imagem". [Obs: Existe um campo chamado Link para esta imagem, este link não funciona no blog]
7 - A imagem será mostrada sozinha no seu browser. Copie a url que está na barra de endereço do seu browser. Esta imagem será usada no código abaixo em ENDEREÇO DA IMGEM.

...no Internet Explorer Clique sobre a imagem com o botão direito do mouse e selecione PROPRIEDADE DA IMAGEM. Na janelinha que abriu, copie o URL da imagem.



No Blogger
1 - Abra a aba "Layout" do blog no "Painel" e clique em Editar HTML do blog, procure o código:  body {    background-color: $bgcolor;    margin: 0px;    padding: 0px;    font: $bodyfont;    color: $textcolor;
    }

Ele fica logo no começo do código HTML do seu blog, abaixo das variáveis do blog (lembrando que o código pode estar diferente do mencionado acima, porém se estiver depois de BODY, é esse mesmo!).

2 - Substitua todo o código acima por este aqui:body {    background: url (ENDEREÇO DA IMAGEM) no-repeat left top;    margin: 0px;    padding: 0px;    font: $bodyfont;    color: $textcolor;
    }
3 - Substitua ENDEREÇO DA IMAGEM pelo endereço da sua imagem hospedada na internet.VISUALIZE O TEMPLATE antes de Salvar, se estiver OK, SALVE.


Mais opções para a imagemAlgumas configurações, dependendo do tipo de imagem que você estiver usando. Se desejar uma das opções abaixo, basta substituir a linha  "background: url (ENDEREÇO DA IMAGEM) no-repeat left top;" pela mencionada abaixo.

1 - Imagem fica centralizada e não se repete:

background: url(ENDEREÇO DA IMAGEM) top center no-repeat;
2 - Imagem fica no canto direito da página e não se repete:
background: url(ENDEREÇO DA IMAGEM) top left no-repeat;
3 - Imagem fica fixa, centralizada, não se repete e não rola junto com a página:
background: url(ENDEREÇO DA IMAGEM) top center fixed no-repeat;
4 - Imagem se repete por inteiro na página:
background: url(ENDEREÇO DA IMAGEM) repeat;
5 - Imagem se repete de cima pra baixo:
background: url(ENDEREÇO DA IMAGEM) repeat-y;
6 - Imagem se repete da esquerda pra direita:
background: url(ENDEREÇO DA IMAGEM) repeat-x;
Pra finalizar, imagem que fica com uma distância do topo e da lateral (pode ser usado para ajustar o fundo com o conteúdo que está na frente, porém ficará um espaço vazio...use a criatividade!
background: url(ENDEREÇO DA IMAGEM) x-% y-% no-repeat top;
É isso aí galera! Espero que ajude. Qualquer dúvida, pergunte.


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

Botão Seguir Flutuante

João Oliveira
Aeee, galerinha venho trazer um tuto bem legal. Sabe aquele bug que dá no widget dos seguidores então diga Adeus aos problemas, esse tutorial irá facilitar suas vidas. então vamos ao tutorial!


1º vá em Design > Elementos da página > Adicionar um Gadget> HTML/JavaScript. 
AGORÁ COLE O SEGUINTE CÓDIGO:
2ºObs*
Laranjado: o ID do seu blog que e encontrado na barra de endereço.
Verde: nome do seu site quer que aparaça quando passar o mouse por cima.
 
CÓDIGO:
<a href="http://www.blogger.com/follow-blog.g?blogID=SEU ID"              style="display:scroll;position:fixed;top:10px;left:12px;" target="_blank" title="Clique Para Seguir NOME DO SEU SITE">
<img src="http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png" /></a>

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

Tutorial - Titulo Rolande No Blogger

Unknown
Olá hoje a design evollution ira ensiar como fazer o nome do seu blogger rolar  pela a aba,
Bem vamos la.




Faça login no blogger >> Design >> Editar HTML


Procure pela tag </head>

Abaixo dela cole esse codigo:



<script language='JavaScript'> 
var txt=" Título que vai rolar "; 
var espera=90; 
var refresco=null; 
function rotulo_title() { 
document.title=txt; 
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} 
rotulo_title(); 
</script>

Onde esta Titulo que vai rolar voçe coloca o nome do blogger tipo (Design Evollution )
sem parenteses.

Pronto Visualize Para Ver Se Deu Certo e Depois Salve.


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

Pedido Wagner - Como Tirar Protetor De Link De Templates

Unknown



Ola se voçe tem um template, mas ele contem protetores de links, e voçe nao quer eles no seu blog, a design evollution ira ensinar á como tirar eles do seu site.

Em primeiro lugar, vou ensiar a voçes sobre o protetor de link.
O protetor de link e  o lucro do dono do site, tipo, acada pessoa que se cadastra no protetor de link , ele recebe em media de 1,50 $ por ai, bom voçe ja sabe o que e o famoso protetor de links, entao vamos agora ensinar a voçes como tirar do seu template (CASO QUEIRA TIRAR UM PROTETOR DE LINK CLICK AQUI)

1- Passo:
Ter um blog com protetor de links.

2- Passo:
Faça login no blogger

3- Passo:
Va em Design e depois em Editar HTML.

4- Passo:
Apert CTRL + F.

5- Passo:
Procure dropbox (a maioria dos templates sao assim)

6- Passo:
Apague do seu blog todos os dropbox e visualize seu blog, se entrar normalmente salve.

7- Passo:
Va em Editar HTML novamente e marque a opção Expandir modelos de widgets

8- Passo:
Faça o passo 4, 5 e 6 novamente e visualize seu blog, se entrar normalmente salve.

E pronto seu blog ja esta sem o famoso protetor de links.
Funcionou? Comente? Nao? Comente aqui
Caso queira aprender como por um no seu site, comente na pagina Faça Seu Pedido.

Tutorial Criado Por: Mateus Oliveira Martins da Design Evollution.

Se copiar o tutorial, deixe o credito.


Deixe seu Comentário:
23 comentários
Categorias:

Como tirar protetor de link

Anônimo
Eae Galera , blz? Bem venho aqui lhes mostrar um jeito facil de vocês , baixarem um filme,  musica , jogo , programa , ou qualquer outro tipo de "entretenimento" sem que vocês tenha que cadratrar o seu celular em qualquer tipo de protetor de link , estou aqui para enciná-los a se livrar so protetor de link.É muito simples , basta você entrar nesse site aí: http://desprotetor.com/ .Depois basta você colocar a url do arquiv que você queria baixar no campo corespondente e apertar em DESPROTEGER. Pronto , em seguida basta você clicar no link que irá aparecer embaixo do campo e efetuar o download!. Vlw pessoal mais um tutorial do KaiiOoOo , ABRS e até a proxima! Qualquer tipo de duvida deixe um comentário!
Deixe seu Comentário:
Sem comentários »
Categorias:

Colocando sistema de avatar no blog

Anônimo


Bom vou ensinar uma Tecnica usada por muitos é adicionar um avatar que muda as imagens de acordo com o Autor! é Muito Simples Fazer Isso!
Para Isso Vá em Design>Editar HTML EXPANDIR WINDGETS Do Seu Blog Feito Isso Vá em <*a expr:name='data:post.id'/*> a Cima dessa tag Cole O Seguinte Codigo:

<*b:if cond='data:post.author == "Seu-Nick"'*>
<*img src='http://WWW.URLDAIMAGEM.COM'  alt='Avatar'/*>
<*/b:if*>

Isso Fará Que Essa Imagem Seja Exibida Apenas Para o Autor Que Fez a Postagem ;) Simples Não???? 

OBS: Retire Os "*" Para utilizar as tags 
Deixe seu Comentário:
Sem comentários »
Categorias: