Isso é válido para os que sejam ou não de HTML. Então já acesse seu Modelo - Editar HTML e vamos ao tutorial, atendendo a pedidos.
1. Abra o bloco de notas do seu computador e cole isso:
#NOMEDAIDDOGADGET {
background: #fff url(URL-DA-IMAGEM) repeat;
border: 1px solid #fee;
width: 200px;
}
2. Bom, agora vamos ao HTML buscar aquele gadget que se deseja personalizar; para isso, nós iremos precisar do ID do gadget. Consiga isso procurando no HTML (Ctrl+F) pelo nome que você deu a ele; por exemplo, se eu estivesse procurando em meu template pelo gadget de seguidores do Google Plus, procuraria pelo nome que dei a ele, no caso Google+ e certamente encontraria algo assim:
<b:widget id='PlusFollowers1' locked='false' title='Google+' type='PlusFollowers'>...</b:widget>
Notem onde sublinhei; essa é a ID e será esse nome que vou colocar no primeiro código em NOMEDAIDDOGADGET. O código ficaria assim:
#PlusFollowers1 {
background: #fff url(URL-DA-IMAGEM) repeat;
border: 1px solid #fee;
width: 200px;
}
3. Agora é só aplicar os estilos que quiser. Em background escolha uma cor (background: #CODIGO DA COR;) ou imagem (background: url(URL-DA-IMAGEM) repeat;) para o plano de fundo; border serve para aplicar uma borda; width é para a largura; basta acrescentar os estilos ao seu gosto, tudo o que sua criatividade permitir :3
Faça isso encontrando a ID de cada gadget e personalizando ao seu modo e vá visualizando até obter os resultados desejados. Até que é fácil não é? Espero ter ajudado...Beiju.
Tutorial kawaii *O*
ResponderExcluirKissus~
Ola quero e irar uma duvida muito especial para mim eu quero um surper papel de parede para blogs só que não sei como fazer isso
ResponderExcluirOlá :3
ExcluirEu não entendi bem...como assim? Você quer saber como usar um background grande como plano de fundo em um blog?
Antes de /b:skin
ResponderExcluir