Blogger - Widget assinar feed flutuante

Widget assinar feed por email flutuante para Blogger - Tutorial Blogger
Este gadget ajudará você e seu blog a conseguir leitores diários, ele tem a mesma função que o gadget para assinar feed por email oficial do blogger, porém este widget chamará mais atenção do leitor pois ficará no canto direito do blog. Esta é uma boa opção para aqueles que querem uma coisa "leve" para seu blog, embora use javascript, não tem tantos efeitos e é compatível com a maioria dos navegadores.

Gadget flutuante assinar feed por e-mail para blogger:

Primeiramente lembrando que esté widget só funcionará se você tem uma conta no FeedBurner e cadastrou o seu blog nele, clique aqui e leia mais sobre o FeedBurner ou assista um vídeo muito bom sobe o FeedBurner no youtube e o código do widget está mais abaixo:

Tem outra coisa também, você terá que habilitar as inscrições por e-mail no FeedBurner e para fazer isso dentro do seu FeedBurner clique no título do feed que deseja editar, depois clique na aba PUBLICIZE (PUCLICAR), depois clique em E-MAIL SUBSCRIPSIONS de pois clique no botão ATIVAR. Pronto. Você já pode inserir o código abaixo em seu blog, e faça as alterações:

<script type="text/javascript" src="http://dl.dropbox.com/u/30158660/blogger-widgets/assinar-feed2.js"></script><div id="feed" style="visibility: hidden; background-color: #ffffff; width: 320px;height: 115px;border: 1px solid black; position: fixed; bottom: 10px; right: 10px;  z-index:1000000"><div id="topo-title" align="center" style="width: 100%; height:16px; background-color: #000000"><span id="assinar-feed-head" style="font-size:12px; color:#ffffff;font-weight: bold;">ASSINE NOSSO FEED!<a href="javascript:closebar(feed);"><img src="http://lh5.googleusercontent.com/-aCxkTA3dmzs/Ti2IZcTakNI/AAAAAAAAAgA/KWG2E1hbsoc/CloseIcon.gif" widht="300px" height="16" px; align="right" border="0" title="Fechar" /></a></span></div><div style="width: 100%; height:auto !important; min-height: 84px; height: 84px;font-size:13px; font-weight:bold; color:black;"><a href="/URL-DO-FEED"><img src="http://lh3.googleusercontent.com/-5sPDxmvH-H4/Ti2An8KywrI/AAAAAAAAAf0/SECv4d2p_oQ/assinar-feed.png" align="left" alt="Inscrever-Rss-Feed" title="Cadastre-se no nosso Feed!" /></a>Cadastre seu <u>E-mail</u> e receba nossas atualizações diretamente no seu e-mail!<br /><br /><form align="center" action='http://feedburner.google.com/fb/a/mailverify' method='post' target="_blank"><input type="text" style="width:230px" name="email" value="Coloque seu E-mail aqui!" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Coloque seu E-mail aqui!&#39;;}" onfocus="if (this.value == &#39;Coloque seu E-mail aqui!&#39;) {this.value = &#39;&#39;;}" align="center" /><input name="uri" type="hidden" value="NOME-DO-FEED" /><input name="loc" type="hidden" value="pt_BR" /><input type="submit" value="Assinar" /></form><p style="text-align: center;margin-top:0px;font-size:80%"><a href="http://www.ultradicas.com.br">Criado por ULTRA-DICAS!</a> | <a href="http://www.ultradicas.com.br/blogger/widgets/234-assinar-feed-por-email-flutuante-blogger">Clique e pegue seu widget!</a></p></div></div>

Copie o código acima e abra no bloco de notas para fazer as alterações que estão em vermelho e azul, elas são:

  • URL-DO-FEED: depois que criar seu feed no FeedBurner, ele vai disponibilizar a URL, por exemplo: http://feeds.feedburner.com/scraplegal/.
  • NOME-DO-FEED: Nome do Feed sem espaços, ex: ScrapLegal. Se você não sabe o nome do seu feed pegue-o pela URL, fica localizado assim: http://feeds.feedburner.com/scraplegal/ (este é um exemplo do meu feed.)

Não sabe como adicionar o código ao seu blogger? leia a seguir...

Como Adicionar o código do Widget no Blogger:

Primeiramente faça login no Blogger. Depois navegue até DESIGN >> ELEMENTOS DA PÁGINA como se fosse adicionar um gadget:

Design - Elementos da pagina | Curso grátis Blogger

E agora clique em ADICIONAR UM GADGET e selecione HTML / JAVASCRIPT:

Gadget HTML / JAVASCRIPT no Blogger -  Dicas grátis

NÃO COLOQUE O TÍTULO pois este widget ficara flutuando e não parado na sidebar. Adicione o código que você editou no bloco de notas em CONTEÚDO do gadget e clique em SALVAR.

Por hoje é só. Espero que gostem deste widget e por favor não retire os créditos pois fiquei mais de 2 horas para editar ele... Qualquer erro ou se não está funcionando deixe um comentário que vou ajudar a resolver os problemas. Por favor compartilhe este tutorial, obrigado!



Adicionar comentário

Não faça SPAM que aceitarei o comentário. Aqui vão outras regras:
- Não coloque links nos comentários ao menos que ajude a explicar alguma coisa.
-Não peça para adicionar no MSN.
Se seu comentário conter algum assunto impróprio não aceitarei também.


Código de segurança
Atualizar

Publicidade:

Parceiros:

Siga-nos!

Ultra Dicas no twitter!

Pessoas Online

Nós temos 27 visitantes online
ASSINE NOSSO FEED!
Inscrever-Rss-Feed

Cadastre seu E-mail e receba nossas atualizações diretamente no seu e-mail!

Criado por ULTRA-DICAS! | Clique e pegue seu widget!

Pesquisa de Tutoriais

Enquete

Que tipo de tutorial você mais gosta no site?

Fique por dentro

Chat Online