10/04/15

Tutorial - Link nos comentários + Gadget de seguidores preto e branco em hover


Olá tudo bem? Aqui é a Hina novamente, com dois megas tutoriais para vocês xD Toda sexta eu irei postar um tutorial aqui no blog, se alguém quiser que eu faça um tutorial em questão é só deixar a sugestão nos comentários das minhas postagens xD
Eu vou ser sincera não gosto nada de ficar copiando e colando links para poder visitar um blog, quando eu vou visitar os blogs e resolvo ver quem comentou aquela postagem também só clico nos que deixaram o link, principalmente quando eu estou pelo telemóvel, pois é horrível ficar a copiar links no telemóvel. Então hoje eu vou ensinar a vocês como colocar o link do você blog nos comentários invés da url.
É muito simples, basta copiar esse código após fazer as devidas modificações e colar nos comentários, simples e pratico,   ^^

<a href="LINK DO BLOG  ">NOME DO BLOG </a>

No segundo tutorial eu vou ensinar vocês como colocar o efeito preto em branco nos seguidores.
O normal é como vai ser visto o seu Gadget de seguidores sem o rato em cima, no houve mostra que quando você coloca o rato em cima da Gadget de seguidores volta até as cores que tinham antes.


Vá no modelo do seu blog cliquem Editar Html, e procure por ]]></b:skin>, (sugiro que utilize o ctrl + F).

Acima de ]]></b:skin> cole o código que se encontra na caixa abaixo e clique em salvar.


03/04/15

Tutorial: Menu simples para Marcadores

Olá pessoinhas lindas, tudo bem? Sou a Hina Prado do Blog Aishiteru em Contos, e sou a nova colaboradora do blog. Eu irei postar principalmente sobre dicas para blogueiros e tutoriais para vocês deixarem os vossos blogs ainda mais lindos. Nas horas vagas faço layout, alias o novo layout do blog foi feito por espero que tenha gostado pois me deu muito trabalho rsrs

Mas chega de falar sobre mim. Hoje no meu primeiro post, vou ensinar a vocês como colocar um menu de marcadores simples no qual vocês podem personalizar, ele funciona em todos os layout e se ajusta automaticamente a largura da sua gadget/coluna lateral.


Esse é o menu de marcadores de um layout free que eu fiz. A segunda imagem mostra o efeito que fica quando se coloca o rato em cima de um nos links.

Como instalar :
  • Primeiro, vai ao painel de controle do blog e clique no nome do seu blog.
  • Depois clique em layout que fica no menu do blog
  • Clique em em adicionar gadget
  • Procure por Html/java Script e cole dentro do mesmo o código do menu e clique em salva.


Código:

<style>
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags20{
background-color: #433f3d; COR DO MENU
width: 98%;
height: 11px; LARGURA
float: left;
font: 10px arial; TAMANHO DA FONTE DE LETRA
color: #C1C3B6; COR DA LETRA
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
margin-bottom: 4px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#menutags20:hover{
background-color: #C1C3B6; COR DO MENU COM O RATO EM CIMA
width: 98%;
height: 11px; LARGURA
float: left;
font: 10px arial; TAMANHO DA FONTE DE LETRA
color: #433f3d; COR DA LETRA
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
margin-bottom: 4px;
}
 </style>
<div class="esquerda">
<a href="LINK" id="menutags20">NOME</a>
<a href="LINK" id="menutags20">NOME</a>
<a href="LINK" id="menutags20">NOME</a>
<a href="LINK" id="menutags20">NOME</a>
</div>
<div class="direita">
<a href="LINK" id="menutags20">NOME</a>
<a href="LINK" id="menutags20">NOME</a>
<a href="LINK" id="menutags20">NOME</a>
<a href="LINK" id="menutags20">NOME</a>
</div>

Nota: Não se esqueçam de apagar o que estar escrito em lilás se não o código fica com erro.

.