Customizando o Gadget "Seguir por e-mail" para Blogger. 4

João Santos | 14:51 | , ,


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&amp;fg=0000000&amp;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!

Gostou do artigo? Assine via e-mail e receba atualizações do blog imediatas em sua caixa de entrada ou se preferir assine via RSS/Feed. Vira fã no Facebook.

4 Responses So Far:

Jornal da Melhor Idade disse...

Adoreiiii seu blog...e todos os tutoriais.

Estou seguindo vc...
Beijosss
Nanda Schober

roginho disse...

adorei as dicas,muito uteis,estou seguindo vc sucesso :)

João Santos disse...

Valeu pessoal!

SR. MIGUER disse...

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.

 
DiretorioUP Copyright © 2010 is Designed by Lasantha Page Rank Technology Blogs - Blog Rankings Technology (Electronics) - TOP.ORG Home | RSS Feed | Comment RSS