Para isso vamos a layout - Editar HTML e colamos o primeiro código, imediatamente acima da tag,
]/b:skin
.nuvem-html {
border: 1px solid #333;
background: url('http://endereço da imagem para o fundo do marcador') repeat; (fundo da cx dos marcadores)
margin: 10px 0 10px 0;
line-height: 30px;
text-align: center;
padding: 2px;
padding-top: 10px;
}
.nuvem-html a {
text-decoration: none;
}
.nuvem-html a:hover {
border-bottom: 1px dashed #ccc;
}
Poderá ser colocada uma imagem de fundo na nossa caixa pelo que, devemos ter essa imagem alojada (por ex: ImageShack )e em background: url colocamos a url da imagem escolhida. Depois é ainda necessário em, adicionar GADGET, colocar o código abaixo em html/java script.
<div class="nuvem-html">
<a style="color:#000000; font-size: 20px;" href="url do marcador">nome a mostrar do marcador</a>
<a style="color:#940f04; font-size: 10px;" href="url do marcador">nome a mostrar do marcador</a>
<a style="color:#9b2230; font-size: 16px;" href="url do marcador">nome a mostrar do marcador</a>
</div>
Deverá acrescentar-se sempre mais um destes scripts por marcador, a partir de "Style="color...".
Para sabermos qual é a URL dos nossos marcadores temos de os ter criado.
Este processo faz-se na edição das nossas postagens.
Depois, inserimos um gadget html/java "Marcadores", que automaticamente identifica todas as postagens agrupadas nos marcadores que criamos.
Visualizamos o nosso blog. Em cima da caixa/lista que aparece com os nomes dos marcadores, como botão do rato do lado direito, copiamos o endereço da url. Colamos então no 2º script em, URL DO MARCADOR.
Depois de copiadas todas as url podemos eliminar o gadjet de onde retiramos todos os endereços.


0 comentários:
Postar um comentário