21/12/2017

Tutorial: 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:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram