clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

21/12/2017

Marcadores em forma de nuvem "Cloud" colorida (Manualmente)


Hey! Hey! Venho trazer mais um tutorial para os marcadores do blog em forma de nuvem, no outro tutorial ensino como colocar no modo nuvem e personalizar com CSS dentro do HTML do blog. Dessa vez vou ensinar também usando CSS porém dentro de um gadget fazendo tudo manualmente, que particularmente eu acho ate mais bonito. É uma opção usar esse tutorial caso o outro tutorial não tenha funcionado em seu blog.



1) Para aplicar em seu blog é super fácil! Vá em Layout e abra um novo  Gadget Java/Script  e dentro cole:
<div align="center">
<a style="font-size:25px;color:#87cefa;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:28px;color:#FF34B3;"href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:14px;color:#f9b;"href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:13px;color:#FF4500;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:17px;color:#9932CC;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:25px;color:#87ce00;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:17px;color:#CD950C;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:19px;color:#FF34B3;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:10px;color:#f10;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:20px;color:#696969;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:12px;color:#FF8C00;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:20px;color:#fff;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:10px;color:#ff1440;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
<a style="font-size:21px;color:#CD950C;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
</div>


___________________(Entendendo o código)___________________

1. font-size: é o tamanho da letra. Altere como desejar, quanto maior o número mais fica a letra.
2. color: é a cor da letra. O código de cor é usado em hexadecimal, use uma tabela de cores para escolher qual cor você quer.
3. Endereço de seu marcador: copie o código do seu marcador e cole no lugar da frase.
4 - Nome do marcador: esse é facil rs, coloque o nome que desejar, ou o mesmo do marcador que colou o link.
5 - Caso queira adicionar mais marcadores, copie a linha abaixo:
<a style="font-size:12px;color:#FF8C00;" href="ENDEREÇO DE SEU MARCADOR">NOME DE SEU MARCADOR</a>
Cole antes do fechamento do código. O código de fechamento é: </div>

___________________(fim da explicação)___________________

Caso queiram usar o código automático, siga esse tutorial. Porém não funciona em todos os layouts. 

Nenhum comentário:

Antes de sair, não esqueça de comentar!