Primeiramente eu queria que entendessem que este e um momento dificil para mim,perder alguem e simplesmente destrocante e gostaria que tivessem um pouco de paciencia comigo durante alguns dias... Voltando ao nosso tutorial (Para quem perdeu,passe aqui) onde eu falei e dei dicas sobre o Cabecalho e a area de postagens,hoje o assunto sera diferente, veremos um pouco mais sobre a personalizacao dos gadgets.Para quem gostou do Tutorial da area de postagens e gostaria de colocar tudo combinando,ja pode comecar a dar pulinhos por que ru trouxe o mesmo efeito,so que agora na area dos gadgets! Quer aprender?Modelo Pink Kawaii para GadgetSe voce nao acompanhou o outro tutorial,comece com isso:- Va em Modelo - Personalizar - Avancado - Deixe os planos de fundo transparentes (Barra Lateral)- Mais uma vez em Avancado, e clique em Adicionar CSS, depois cole:/* Pink Kawaii by comentariosde1garotaqualquer.blogspot.com.br---------------------------------------------------- *//**area geral dos widgets**/.sidebar .widget {background: #fff;margin: 10px 0;width: 240px;padding: 0 0 5px 0;border-bottom: 5px solid #fcc; color: #a1a1a1;border: 6px dashed #fee;padding: 4px;}/**titulos dos widgets**/.sidebar .widget h2 {background: #fcc;width: 240px;font-family: 'Milonga', cursive;font-size: 20px;color: #fee;text-shadow: 1px 2px 3px #fcc;border-bottom: 10px solid #eeffff;}/**estilos das listas**/#sidebar ul { list-style: none; margin:0 0 10px 0; padding:0;}.sidebar ul li { list-style: none; margin: 0; padding: 0; border-bottom:1px dotted #C1C1C1; padding: 0 0 4px 12px; background: url("http://3.bp.blogspot.com/-edd6RlHEe_s/TnO4PIymJzI/AAAAAAAABv8/XLoXHiXnQyE/s1600/mini-153.gif") no-repeat 0 2px;}/**links**/.sidebar .widget a:link { color: #fcc; text-decoration: none;}.sidebar .widget a:visited { color: #fcc;}.sidebar .widget a:hover { color: #fee; text-decoration: none;border-bottom: 1px dotted #fcc;}- O bom e que a visualizacao e automatica e voce pode alterar as cores e ver como fica, depois disso clique em ''Aplicar ao Blog''. Volte para Modelo e em editar html procure por <head> e abaixo dele acrescente o link da fonte abaixo:<link href='http://fonts.googleapis.com/css?family=Milonga' rel='stylesheet' type='text/css'/>Titulo dos gadgets numeradoSe voce tem facilidades com editores,essa parte vai ser mamao com acucar, nela tem que fazer uma faixa para cada gadget. Tambem podem pegar modelos prontos no Tumblr ou em blogs e depois e so colocar os nomes e os numeros.Depois de editar ou fazer suas faixas do tamanho do seu gadget, hospede suas imagens em algum lugar, recomendo o Tinypic (www).- Agora va em "Modelo" "Editar HTML", procure pelo titulo do seu gadget, por exemplo "Afiliados", aqui esta assim:<b:widget id='HTML1' locked='false' title='Afiliados' type='HTML'/>Em italico, e o titulo do gadget que eu quero personalizar, em negrito e o ID do gadget que eu vou personalizar, cada gadget tem um ID diferente. Cole o ID que voce encontrar, no bloco de notas, pois vamos precisar dele.Agora procure por ]]></b:skin>, acima dessa tag, cole o codigo abaixo#ID_DO_GADGET h2 {background: url('URL_DA_FAIXA') no-repeat; /* faixa numerada */color: transparent;width: 266px; /* largura da faixa */height: 63px; /* altura da faixa */margin-top: -30px; /* margem do topo */margin-left: -15px; /* margem da esquerda */float: left; /* alinhamento */}Em ID_DO_GADGET coloque o ID que voce colou no bloco de notas, isso define qual gadget voce quer personalizar. Em URL_DA_FAIXA, cole a url da faixa que voce hospedou anteriormente. O resto ta explicado no proprio codigo.Repita a operacao para cada gadget. No final, visualize e, se estiver tudo certo, salve.Subir a sidebar- Va