Olá pessoal, ontem como vimos, apresentei e ensinei passo a passo como adicionar o Gadget "seguir por e-mail", como também falei anteriormente, já postei aqui algo parecido, veja aqui, mais hoje vamos customizar esse novo gadget , de uma forma simples vamos aplicar estilos e dá mais "volume" a ele, vamos praticar?
Já com seu Gaget adicionado vá em Design ~> Editar HTML, não precisa "Expandir modelos de widgets", usa Contro+F para uma melhor visualização, e procure pela tag ]]></b:skin> e imediatamente adicione todo o código abaixo acima.
#FollowByEmail1{
border:1px solid #0000000; //* edite a cor da borda*//
padding:10px;
-moz-border-radius: 20px; -webkit-border-radius: 20px;
background:#242424;
background: url(http://216-55-136-216.dedicated.abac.net/images/stories/rss-feed-icon.jpg) no-repeat left;
padding-left: 15px;
list-style-type:none;
}
Visualize, se estiver tudo bem, salve! Volta na edição, marque a caixinha "Expandir modelos de Widgets" e procure pela parte abaixo:
<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/><input class='follow-by-email-submit' type='submit' value='Submit'/>
E subistitua todo o código acima, por esse abaixo:
<input class='follow-by-email-address' name='email' placeholder='Escreva seu email...' type='text'/></span><input class='follow-by-email-submit' type='submit' value='Assine'/><p><a href='http://feeds.feedburner.com/SEU-FEED'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/SEU-FEED?bg=FFCC00&fg=0000000&anim=1' style='border:0' width='88'/></a></p>
Troque onde está em vermelho pelo nome que você usa no Feed, eu uso Diretorioup, mude para o seu. Visualize, se tudo estiver bem, salve! irá fica assim seu Gadget, com bordas arredondadas, imagem ao fundo, e quantos leitores assinaram.
Ah, você pode mudar a imagem de fundo por qualquer uma, basta trocar onde está em vermelho pela URL de sua nova imagem. Bom é isso ae. Espero que gostem.
Até a próxima!
4 Responses So Far:
Adoreiiii seu blog...e todos os tutoriais.
Estou seguindo vc...
Beijosss
Nanda Schober
adorei as dicas,muito uteis,estou seguindo vc sucesso :)
Valeu pessoal!
maneirinhu
- Comentário Moderados -
Não aceitamos por aqui:
- comentário nada a ver com o artigo.
- Links de propaganda (Spam).
- Link de divulgação de seu Blog/Site.
- Pedido de parcerias.
- Com palavrões e onfensas.
Enfim, é simples coisas desnecessárias serão removida, qualquer dúvida temos uma página de Contato.
Agradeço pela compreensão.