Ola lindas , hoje vim trazer um tutorial de como colocar uma nuvem de tags igual aqui no blog *-* Eu sempre procurei por isso e por sorte achei e estou repassando para voces! Sua nuvem de tags ira ficar assim : Bom, vamos la? 1o passo. Layout > Adicionar um Gadget. 2o passo. Mais gadgets > ( pesquisar gadgets ). 3o passo. Digite: Label 4o passo. Adicione o Label Sphere. 5o passo. Clique em Salvar & pronto :) Gostaram? Bem explicadinho ne? haha' Beijos e ate a proxima ;* Ola cherries! Vamos continuar com a maratona de tutoriais. Hoje voce vai aprender como personalizar os titulos dos gadgets da sidebar. Eu vou mostrar onde voce deve mexer, e passar um codigo basico, mas voce pode usar sua criatividade para fazer outras alteracoes e criar diferentes estilos.No painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botao "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer.Aperte Ctrl+F e procure por h2 {Logo abaixo do trecho que voce procurou, vai ter algo parecido com isso:h2 { font: $(widget.title.font); color: $(widget.title.text.color);}Apague toda essa parte e no lugar coloque esse codigo:.sidebar h2 {font-family: Century Gothic; /*Tipo de fonte*/font-size: 16px; /*Tamanho da fonte*/color: #000000; /*Cor da fonte*/border-bottom: 2px solid #fff; /*Borda de baixo, apague se nao quiser*/background: #fbfbfb; /*Cor de fundo*/text-align: center; /*Alinhamento do texto*/}Agora e so modificar as cores e a fonte como quiser. Se em vez de cor, voce quiser colocar uma imagem de fundo, substitua essa parte:background: #fbfbfb; /*Cor de fundo*/Por isso:background: url(link_da_imagem) no-repeat center;height: 30px;/*Altura da imagem*/width: 200px; /*Largura da imagem*/Visualize se esta tudo certo e salve. Espero que tenha sido util. Amanha tem mais tutorial, aguardem! Oi minhas lindas, tudo bom com voces? Bom, hoje vou ensinar a voces como faz esse efeito no gadget de afiliados. Bordas redondas... Efeito hover! Enfim, bora?? Go, go, go!Va ate Design > Editar HTML, e procure (F3/Ctrl + F) por ]]></b:skin>. Acia dela, cole o seguinte codigo:.afiliados {opacity: 0.7; -webkit-transition: 0.5s;border-radius:15px;width: 50px;height: 50px;text-align: center;} .afiliados:hover {opacity: 1.0;}Entenda!ESTADO NORMALopacity: 0.7; Opacidade em 70%, no estado normal, sem passar o mouse.-webkit-transition: 0.5s; Tempo da transicao.border-radius: 15px; Bordas arredondadas.width: 50px; Largura da imagem dos afiliados.height: 50px; Altura da imagem dos afiliados.text-align: center; Alinhamento das imagens.ESTADO HOVERopacity: 1.0; Opacidade em 100% (normal), ao passar o mouse.Agora salve. E se direcione a Design > Elementos da pagina. Clique em "Adicionar um Gadget", e escolha a opcao HTML/Javascript. E cole nele, o seguinte codigo:<a href="http://URL.com" title="Titulo da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>Para acrescentar mais imagens, va duplicando o codigo. Espero que tenha ajudado voces! Beijos meus cupcakes sabor baunilha. 21_Maio_2015. Vejo nosso pais como esta. Ouco radio, leio jornais e assisto aos telejornais. Nao acredito em tudo o que me passam. Mas penso... Penso e me sinto mal quando chego a obviedade do nosso destino sob o dominio dos que estao no poder...Entao escrevo. Escrevi uma PEQUENA (PEQUENA MESMO) historinha sobre o que penso disso tudo.