Olá moonies! Viram minha primeira postagem? Bom, pra quem gostar do meu blog, fique sabendo que este não fala só sobre Sailor Moon não, viu? É isso aí. E pra completar esta postagem, trago cinco tutus bem fáceis para os seus preciosos blogs:
Tutorial 1: Menu personalizado para blog:Este é um tutu bem fácil. Basta você fazer isso em duas etapas:
1ª Etapa: Copie e cole este código em um bloco de notas:
div.navigate a{Só para lembrar: O código de azul se refere a cor do menu quando ele está normal, e o roxo quando passa o mouse. Use essa tabela aqui para editar. Bom, agora edite o código e copie.
background: #87CEEB; color: #ffffff; letter-spacing: 0px; display:block; padding:0px 0;
border: 0px solid #000000;
width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1;
}
div.navigate a:hover{
font-weight: bold; letter-spacing: 1px; background: #FF69B4}; display:block; padding:0px 0;
border: 0px solid #000000; z-index:2;
}
Vá até o seu blog, Modelo, Personalizar, Adicionar CSS e cole o código editado.
Pra fazer o código funcionar, copie esse código e vá em Layout, Adicionar um Gadget, HTML/JavaScript.
<center><div class="navigate"><a href="LINK 1"style="text-decoration:none">Guia 1</a><a href="LINK 2"style="text-decoration:none">Guia 2</a>
</div></center>
Agora substitua onde está escrito "LINK 1" pelo seu link, por exemplo: http://blogtal.com/ e onde está escrito "Guia 1" pelo nome do link, por exemplo: Home. (Se quiser mais guias, é só copiar o mesmo código e substituir o nome dos links e o da navegação.)
Pronto, agora é só salvar e visualizar que o seu menu já está pronto!
Tutorial 2: Como substituir o cursor do blog por uma imagem:
Como eu disse lá no tutu 1, é um bem fácil de fazer.
Exemplos de Cursores:
Para pegar a URL da imagem desses cursores, basta clicar com o lado direito do mouse e clicar em "Copiar url da imagem".
Achou <head>? Copie o código abaixo e cole ele ABAIXO de <head> .
<style type='text/css'>HTML,BODY{cursor: url("COLOQUE O URL DA IMAGEM AQUI "), url("COLOQUE O URL DA IMAGEM AQUI"),auto;}A:hover{cursor: url("COLOQUE O URL DA IMAGEM AQUIquot;), url("COLOQUE O URL DA IMAGEM AQUIf"),auto;}</style><br/>
O que está destacado em roxo, você substitui pelo URL da imagem.
Tutorial 3: Como colocar o hack "Leia Mais" personalizado:
Esse é o mais fácil de todos. E é pra quem quer deixar o blog com mais espaço e mais bonito.
Primeiro: Você vai até as postagens mais grandes e e clica em "Inserir expansão de postagem" (Lá em cima).
Segundo: Vá até Layout > Postagens no blog. Digite o texto que você quer que apareça nos seus posts resumidos em "Texto do link da página de postagem". Como, por exemplo... "Leia mais»". Depois confira e pronto! Seus posts vão ficar resumidos!
Tutorial 4: Como colocar uma câmera de vigilância no blog:
Tutu perfeito! Isso serve pra quem quiser evitar o plágio em seu bloguinho.
Vá em Design, depois em Layout depois em Adicionar um Gadget depois em HTML/JavaScript e cole o seguinte código:
<div style="text-align: center;"><a href="http://amizademenina.blogspot.com.br/p/seguranca-no-blog.html" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><img src="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" _fcksavedurl="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" alt="" /></a></div>
Depois salve se estiver tudo certo.
Tutorial 5: Como colocar link arco-íris no seu blog:
Um tutu bem fácil, rápido e prático.
Vá em Layout (ou design) > Adicionar um Gadget > HTML/JavaScript.
Aí você cola este código:
<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/> <br /> <br /></script>
E pronto, você já vai poder aproveitar seu link colorido.
<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/> <br /> <br /></script>
E pronto, você já vai poder aproveitar seu link colorido.
Esse foi uns tutos bem fáceis, não? Beijinhos da Moonie aqui!
Nenhum comentário:
Postar um comentário