Aviso: Bem-Vindo a Explend Evollution!

Seguidores

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

Um tutorial para colocar vídeo do youtube em destaque no Header!


Primeiro localize em sua HTML o seguinte codigo:

body {

Depois cole logo acima o seguinte código:

.explendevollutionyoutubedestaque{
float:left;
padding:60px 0 0px 15px;
padding-top:47px;
margin-left:-137px;
margin-top:-275px;
}

Depois de colocar esse código procure por:

<div class='header'> 

E abaixo dele cole esse Código:


<div class='destaquebydriigo'>
<iframe frameborder='0' height='121' src='http://www.youtube.com/v/IDME4_knxko?' width='214'/>
</div> 


aonde está de azul coloque seu video :D


Avatar Bruno César
Bruno César

Coloque Avaliação com estrelas no seu blog seguindo o tutorial abaixo!


1º-Vá até na pagina para editar sua HTML e clique em Expandir Modelos de Widget e aperte CTRL+F e localize <data:post.body/> e abaixo dele cole o seguinte Código:


<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div> 


2º- Depois localize a tag </body> e acima dele cole o seguinte código:


<script src="http://js-kit.com/ratings.js"></script>


3º- Agora localize ]]></b:skin> e acima dele cole o código a seguir:



js-kit-rating {
height:20px;
margin-left: 330px;
overflow:hidden;
position:absolute;
margin-top: -2px;
width:105px;
}


Agora pronto!Visualize primeiro para ver se não deu algum erro e depois Salve :D

Se gostou comente, não custa nada!


Avatar Bruno César
Bruno César

Ae galera uma video aula de como criar um brushe para Photoshop :D



Avatar Bruno César
Bruno César
Galera, este tutorial vai ensinar a quando você clicar em NOVA POSTAGEM, já vai sair os Botões de Visualizar e de Download!
Ex:

Pois é, é muito fácil, primeiro vocês vai em:
Configurações:


Depois em Formatação:



Depois, dessa a página até o final, e vai ter:
Assim você vai achar a caixinha, só que vai estar Vazia, então cole o código:

<div style="text-align: center;">
CONTEÚDO AQUI! &nbsp; </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="Link de Download" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="COLOQUE AQUI O LINK DA IMG DO BOTÃO DE DOWNLOAD!" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="Link de Vizualizar"><img border="0" src="COLOQUE AQUI O LINK DA IMG DO BOTÃO DE VISUALIZAR!" /></a></div>


Edite, os lugares em vermelho corretamente!





Assim salve e pronto!
Agora salve:




Assim que salvar, pode testar indo fazer uma Nova postagem, que vai sair automaticamente os botões!
Gosto do Tutorial?Comenta ae!





Avatar Junioor
Junioor

Este tutorial é de como colocar um xat igual do da PE!

1º Passo: Procure pela Tag:  ]]></b:skin>
2º Passo: acima dessa tag, cole o seguinte código:

.xat {
background:url(http://img828.imageshack.us/img828/4174/xathgl.png) no-repeat;
width:800px;
height:500px;
clear:both;
margin:0 0 30px 100px;
padding:20px 0 0 0;
}
.xat embed{
width:550px;
height:360px;
overflow:hidden;
margin-top:57px;
margin-left:200px;
}


3º Passo: Agora procure por:
<div id='footer2'>
Se não tiver procure por:
<div id='rodape'>
E se não tiver procure por:
<div id='footer'>

Se não tiver nenhum desses códigos, procure pelo <div id=''> do seu rodapé e cole acima dele o seguinte código:

<div class='xat'>
<embed align='middle' allowscriptaccess='sameDomain' flashvars='id=ID DO SEU CHAT AQUI' height='405' 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='455'/>
</div>


E pronto!


OBS: Não se esquece de colocar a ID do seu chat, onde está o texto em vermelho!

Tirando uma duvida:
Mas como consigo a ID do meu chat?

É facil!

Faça assim:

Entra no seu xat: Ex o da Perfect: http://xat.com/ConversaBoua

Agora vá em Embed:


Assim que você for em Embed, você vai sair nessa página, que onde você pegara o id!
 O id fica ali em cima, no URL:



Ai, agora é só você editar la no codigo e pronto, está com seu xat igual da PE!

Gostou? Não? Mesmo assim Comente!





Avatar Junioor
Junioor
Galera, este é um tutorial exclusivo de como colocar o efeito nos links, Ex:

Créditos da foto: Premium Evollution

1º Passo: Vá em Design do seu blog, depois em editar HTML!
2º Passo: Procure pela tag:  ]]></b:skin>
3º Passo: Acima desta tag cole o seguinte código:

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

E é isso!

Agora salve o modelo e pronto, tudo feito, pode testar!
OBS: Lembrar de trocar onde estar #1E90FF pelas cores que você quiser que fique o efeito!
OBS²: Não funcionará apenas no menu, funcionará em todos links!


Se foi útil comente, seu dedo não irá cair ;)





Avatar Junioor
Junioor
Ai galera fiz uma video aula de como criar patterns para Adobe photoshop :D agora é só vocês criarem o seus e criar vários estilos com eles :D




Em breve eu crio alguns patterns e posto para vocês :D



Avatar Bruno César
Bruno César





Avatar Junioor
Junioor

Ae galera separei alguns comandos Html em um arquivo .txt que são bem uteis em post e até mesmo na personalização do blog :D



Se gostaram comentem :D


Avatar Bruno César
Bruno César
Tutorial ensinando a como colocar uma fonte personalizada no Titulo do post de seu blog.Esse tutorial é bem simples, mais meio confuso.(Dependendo da dificuldade da maioria eu posto uma vídeo-aula).

Para ampliar as imagens clique nela pois elas ficaram pequenas e não deram para ver direito

Bom vamo lá:

Pra quem não sabe oque é essa letra personalizada no titulo do post aqui vai uma imagem que vai saber oque é:


Agora que já sabem oque é vamos para o Tuto ;D

Primeiro entrem no site Google Web Fonts e escolha a fonte que você quer, ao escolher clique em Add To Collection:


E ao clicar ali vai aparecer uma janelinha la em baixo da tela:


E la no cantinho dessa janelinha vai ter Choose,Review e Use.Então clique em use!

Ao clicar vai aparecer outra pagina.Então você desce até chegar no passo 2 e verifique se está marcada a caxinha Latin(latin) se caso estiver marcada em outra,desmarque a que já está marcada e marque a Latin(latin).

Depois vá até o passo 3 e clique na aba JavaScript:

Agora copie esse código que apareceu vá até na sua html e aperte ctrl+f e procure <head> e cole esse código logo abaixo do <head>

Depois que fazer isso volte la aonde você copiou o código e desça até o passo 4 e copie oque está e vá até na html e procure o código html seu topo post geralmente é .titulo ou .tittle e então ao achar o topo post procure por font-family que está logo abaixo e o substitua pelo o do passo 4 e pronto visualize antes para ver se não tem algo errado e pronto.

Se caso não consiguiram entender muito bem poste aqui nos comentários que assim eu faço a vídeo aula.


Avatar Bruno César
Bruno César

Eae pessoal hoje eu vou ensinar a vocês a como colocar o XAT igual a da Explend:






1º- Procure por ]]></b:skin> e cole o código abaixo em cima dele:


.xatexplend {
background:url(http://img843.imageshack.us/img843/1848/sobrefundo.png) no-repeat;
width:1014px;
height:500px;
clear:both;
margin:0 0 0px -20px;
padding:20px 0 0 0;
}
.xatexplend embed{
width:550px;
height:360px;
overflow:hidden;
margin-top:58px;
margin-left:250px;
}
.xatexplend h2{
width:0px !important;;
height:0px !important;;
overflow:hidden !important;;
}

Lembre-se de substituir a parte em vermelho de colocar a sua Tabble Xat :D


1º- Agora procure por <div class='corpo'> e cole o codigo abaixo em baixo do <div class='corpo'> se caso você quiser colocar o Xat na parte de baixo substitua corpo por rodape:






<div class='xatexplend'>
<embed align='middle' allowscriptaccess='sameDomain' flashvars='id=168472762' height='405' 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='655'/>
</div>


E pronto seu Xat já esta configurado.







Avatar Bruno César
Bruno César
Bom galera aqui vai um tutorial de como deixar o titulo da pagina mexendo igual da Explend.

Localize:



E depois abaixo dele coloque:




Para editar a velocidade que corre o texto você edita o numero que está em var espera=120; para a velocidade que você quer.



Avatar Bruno César
Bruno César
 Uma Video Aula bem simples para você aprender a mudar o template de seu Blog!




Se gostaram comentem :D




Avatar Bruno César
Bruno César
Street Designer