Tutorial para melhorar a aparência de seu blog
Olá meninas, vim trazer para vocês esse tutorial ( com dicas, imagens,templates retirados da net), para que ele possa ajudar vocês a dá aquela
repaginada no blog, espero que gostem. bjs e nos deixem um recadinho.
·
Templantes grátis para baixar:
· Criar um menu personalizado:
Acesse o site: http://www.flashvortex.com/texts.php
E assista o vídeo que
é autoexplicativo: http://www.youtube.com/watch?v=tWPPMrbyuTE
·
Como colocar link-me no blog:
1.Primeiramente você tem que ter uma imagem que represente seu blog.
Escolha uma imagem do seu arquivo vá até o site http://picasion.com/pt/ para gerar um gif da sua imagem (1. selecione o arquivo em "imagem desejada"/ 2. Em "tamanho" selecione a opção 125px de largura, pois é o tamanho ideal para blog/ 3. Clique em "criar animação"/ 4.Pronto,agora copie o link direto)
2.Vá até esse site gerador de link escolha um título( que pode ser o proprio nome de seu blog) coloque o endereço de seu blog , e o endereço do button ( "link direto"copiado do site anterior)
http://www.nilsonamadeu.com/topgifsbr/gerador/caixinhalinkme.htm
3.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Colocar contador de visita
1.Vá até o site http://br.web-counter.net/ ,escolha o modelo
2.Clique em código do contador, copie-o
3.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Contador de visitantes online
1. Vá até o site http://www.usuariosonline.org/ , escolha o modelo de contador que desejar (não é preciso fazer o cadastro que tem no site, apenas escolha o modelo do contador).
2.Clique em "criar contador de usuários online"
3.Copie o código gerado pelo site, como na imagem abaixo:
4.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Como colocar “voltar ao topo” no blog
1.Primeiramente você tem que ter uma imagem que represente seu blog.
Escolha uma imagem do seu arquivo vá até o site http://picasion.com/pt/ para gerar um gif da sua imagem (1. selecione o arquivo em "imagem desejada"/ 2. Em "tamanho" selecione a opção 125px de largura, pois é o tamanho ideal para blog/ 3. Clique em "criar animação"/ 4.Pronto,agora copie o link direto)
2.Vá até esse site gerador de link escolha um título( que pode ser o proprio nome de seu blog) coloque o endereço de seu blog , e o endereço do button ( "link direto"copiado do site anterior)
http://www.nilsonamadeu.com/topgifsbr/gerador/caixinhalinkme.htm
3.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Obs: se você não quizer colocar imagem, ou seja, só quizer o nome do blog e o "link" dele, é só não colocar "endereço do seu button"(imagem) no site gerador de link e no lugar do título coloque só o nome de seu blog.
Colocar contador de visita
1.Vá até o site http://br.web-counter.net/ ,escolha o modelo
2.Clique em código do contador, copie-o
3.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Contador de visitantes online
2.Clique em "criar contador de usuários online"
3.Copie o código gerado pelo site, como na imagem abaixo:
4.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Como colocar “voltar ao topo” no blog
1.Escolha a imagem:
obs: Aqui nesse site tem varias: http://tonygifsjavas.com.br/efeitos_para_blogs/pagina_efeitos_topo_pagina.htm
2.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Lembrando que se pegar imagens desse site acima, basta colar o codigo contido nela em seu blog. Já se for uma imagem de algum outro local é só colar o código abaixo e colocar o URL da imagem desejada :
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src=" URL da imagem"border="0" /></a></div>
Ex:
2.Depois vá até seu blog em Design > Adicionar Gadget > HTML/JavaScript e coloque o código.
Lembrando que se pegar imagens desse site acima, basta colar o codigo contido nela em seu blog. Já se for uma imagem de algum outro local é só colar o código abaixo e colocar o URL da imagem desejada :
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src=" URL da imagem"border="0" /></a></div>
Ex:
<div
style="position:fixed; bottom:0px; right:0px;"><a
href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4nznn0z8LgHBjBmlwFKiafawWVPr_Y0Ze8uGAazwjx0TIl3bop8QKGoorwx9xo33JR1zdexYmq5szlpFCdWT_u3UMsmE75A_KHqW8DiUQIRDXxOnZ1fuMqFuMtSATzKkoF-davUT40viI/s1600/topoo.gif border="0"
/></a></div>
<div
style="position:fixed; bottom:0px; right:0px;"><a
href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUvluvTWDHWoxQrCxAD_Ng81yVZjXp-d3aJPwyyXnisRLh4PBAGXkKIY77lxCY_i7JikJ5p36KOf0t0jCwz2bsrG7sECRWXQDdQy6wA2UfwLFUa076vAUB3Rv916OkyyWdH8RIhRu_Wd2W/s1600/2.png"border="0"
/></a></div>
<div
style="position:fixed; bottom:0px; right:0px;"><a
href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhCrXglkxfIOGFTzz95FRRy3Z5tDOMa_n9pl-N6Fm3iNO9wtLXG3JGnicXNaiboMU2nW0gam7byyHi-48p2V_irb4nQPf8RpYNmlMr7_ORelPtr4b5Sd7f81bgmVcuykrhmXD6pdsd5O1/s1600/6.png"border="0"
/></a></div>
<div
style="position:fixed; bottom:0px; right:0px;"><a
href="#"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9lRXbJ6ILyQHDNv_05paGqFsjwD7hhsSp8DwE6khGqvF6QpRL84B06Nj7oRKJQkeVSmRp-wYn3ClJmQMI5CxYUcrMabVG7qTTFhhfcx5F3rU8GYNOAeeIrCylVZ4ZwZcBekbVVHubXcLE/s1600/B09POPD3-707630.png"border="0"
/></a></div>
·
Como
colocar cursor no blog:
1.Escolha um cursor:
<style>body, a, a:hover { cursor:url('http://img339.imageshack.us/img339/9249/kasanepart1.png'),auto }</style>
<style>body, a, a:hover {cursor:url('http://img528.imageshack.us/img528/3738/mikuhatsune.png'), auto}</style>
<style> body, a, a:hover {cursor:url('http://img856.imageshack.us/img856/6079/meiko.png'), auto}</style>
<style> body, a, a:hover {cursor:url('http://img9.imageshack.us/img9/4310/seeul.png'), auto}</style>
2.Depois vá até seu blog
em Design > Adicionar Gadget > HTML/JavaScript e coloque esse código com
a URL do cursor:
<style
type="text/css">body {cursor:url("URL do cursor"),default}</style><a
href="http://dicasblogspot-db.blogspot.com/"></a>
·
Plaquinhas
para seu blog
1.Escolha
a imagem, salve em seu computador ( um lugar que você depois lembre)
2.Depois vá em seu blog em Design > Adicionar Gadget > Imagem e coloque a imagem já salva.
Bem vindo:
Obrigada pela visitinha:
Deixe um recadinho:
0 comentários:
Postar um comentário