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:

Códigos
<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◥
  font-size: é o tamanho da letra. Altere como desejar, quanto maior o número mais fica a letra.
  color: é a cor da letra. O código de cor é usado em hexadecimal, use uma tabela de cores para escolher qual cor você quer.
 Endereço de seu marcador: copie o código do seu marcador e cole no lugar da frase.
 Nome do marcador: esse é facil rs, coloque o nome que desejar, ou o mesmo do marcador que colou o link.
  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>

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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345