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!
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!
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 ;)
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
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.
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.
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.
Uma Video Aula bem simples para você aprender a mudar o template de seu Blog!
