Dando continuidade a serie Primeiros Passos, hoje vou ensinar como se faz para posicionar os widgets na sidebar, que e uma duvida muito comum entre os leitores novatos.Para obter este efeito, usaremos os codigos abaixo, substituindo codigo do widget pelo codigo que sera inserido na sidebar em html/javascript. Iremos utilizar como exemplo uma imagem linkada, apontando para os feeds do Dicas Blogger. CENTRALIZAR <div align="center" > codigo do widget</div>ou simplesmente <center>codigo do widget</center>Exemplo: POSICIONAR A ESQUERDA <div align="left" > codigo do widget</div>ou simplesmente <left>codigo do widget</left>Exemplo: POSICIONAR A DIREITA <div align="right" > codigo do widget</div>Exemplo:Simples assim.Fonte da Postagem Lendo o excelente blog espanhol Gem@ BLOG, descobri uma forma legal de personalizar uma nuvem de tags (tambem chamada de nuvem de etiquetas ou tag cloud) para o Blogger/Blogspot. Como no Blogger em portugues as etiquetas sao chamadas de marcadores, utilizarei esse termo na traducao do tutorial. Entre no html do template e, usando os comandos Crtl+F do seu teclado, procure pela linha ]]></b:skin>. Cole ANTES dela o seguinte codigo: .nuvem-html { border: 1px solid #333; background: url('url-imagem de fundo') repeat; 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; }Visualize o template e se tudo estiver bem, salve. Agora va em elementos de pagina e escolha um gadget do tipo html/javascript. Cole o seguinte codigo: <div class="nuvem-html"> <a style="color:#9b2230; font-size: 11px;" href="#">TEXTO</a> <a style="color:#000000; font-size: 14px;" href="#">TEXTO</a> <a style="color:#940f04; font-size: 42px;" href="#">TEXTO</a> <a style="color:#999999; font-size:17px;" href="#">TEXTO</a> </div>Insira quantas linhas forem necessarias e faca as respectivas alteracoes. color e a cor da fonte font-size e o tamanho da fonte # e a url do marcador TEXTO e nome do marcadorPara obter a url do marcador, coloque o gadget padrao do Blogger na sidebar e depois copie os links, colando-os no local indicado do codigo (#) Abaixo, veremos um exemplo usado no Diario de Bordo e o resultado final. <div class="nuvem-html"><a style="color:#9b2230; font-size: 11px;" href="http://www.diariodebordoweblog.com/search/label/Animais">Animais</a><a style="color:#000000; font-size: 14px;" href="http://www.diariodebordoweblog.com/search/label/Apresenta%C3%A7%C3%A3o">Apresentacao</a><a style="color:#940f04; font-size: 12px;" href="http://www.diariodebordoweblog.com/search/label/Bizarro">Bizarro</a><a style="color:#999999; font-size:17px;" href="http://www.diariodebordoweblog.com/search/label/Brasil">Brasil</a> </div>Para colocar uma imagem de fundo (background), altere a linha abaixo, no primeiro codigo, substituindo url-imagem de fundo pela url da imagem que voce escolheu. background: url('url-imagem de fundo') repeat; Um site legal para buscar imagens para o background e o DESIGNM.AG. Ai esta o resultado: A traducao e publicacao do tutorial foram permitidas pela autora do Gem@BLOG.Se voce chegou ate aqui, mas ainda nao sabe o que e um marcador e muito menos como inseri-lo em seu blog, clique aqui.No site Tag Cloud Generator, e possivel gerar uma nuvem automatica; o inconveniente e que ao inves de aparecerem os marcadores, aparecerao as palavras mais usadas no blog. Eles ate permitem, como segunda opcao, a criacao de uma nuvem personalizada, mas com a desvantagem de nao podermos colocar uma imagem no plano de fundo. Como voces podem perceber, ando falando muito do @compulsivo :P (ops, de novo?)#euriFonte da Postagem Apesar de quase mais ninguem usar o Twitter via web, mesmo assim eu acho que fica legal customizar nossa pagina inicial ou