Nexus Designer

Caixa de Feed Flutuante

trago pra vocês uma maneira de personalizar o feed, é uma caixa flutuante que fica no rodapé e acompanha a pagina. Vamos começar.

Exemplo:

Primeiro passo:

Bom, no blogger, vá em Design, adicionar um gadget, HTML/JavaScript. E cole o código logo abaixo mas lembrando em editar as devidas partes em vermelho.

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7zcOzgOHsCgxH0tOxeJQaScrXdV1nrbajMwRghoD3Jkw9uSP1e6GMII1EvfpjGoLEVIwcj1iHZQX5Ku76e2MJt-3rSdZ36bl-xiV-01eYndPZ5HZgYZlvio9rHcxAcNN8WQObk3sCro-E/"  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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD6r7O5q9qLff150XtLyuCogRPqVw8nVEkWhFol9JbC7LSwHWBGOe9D1q_ZaTW-KR4-jZz2NT5DSEblTNSUhmKebtDGmJh4hHjBaCkC3nGUZpvsTKfqjTAunj6KjquYvqsF0geiRi9ei7I/"  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%"></p></div></div>

Espero que tenha gostado. ^^

Ícones de redes sociais

17:47 Dicas e Tutoriais No comments

trago essa maneira bem legal pra colocar link em rede sociais. Vamos lá.

Primeiro passo:

Bom, no blogger, vá em Design, adicionar um gadget, HTML/JavaScript. E cole o código logo abaixo mas lembrando em editar as devidas partes em vermelho.

<div style="margin: 5px; padding: 10px;"><a
href="ENDEREÇO DO FEED"><img
style="border: 0px solid ; width: 48px; height: 48px; float: left;"
alt=""
src="http://lh5.ggpht.com/_dAGEULh1_1g/THwD-xP5n9I/AAAAAAAAEBk/1DE1CA0UtCA/rss.png"></a><a
href="ENDEREÇO DO TWITTER"><img
style="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;"
alt=""
src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-5SoTTI/AAAAAAAAEBo/Yh2jRrtkOeo/twitter.png"></a><a
href="ENDEREÇO DO YOUTUBE"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh3.ggpht.com/_dAGEULh1_1g/THwD-4XjHKI/AAAAAAAAEBs/waG0ImvEsQI/youtube.png"></a><a
href="ENDEREÇO DO ORKUT"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-3vEZVI/AAAAAAAAEBg/jq-RSB5gXBc/orkut.png"></a><a
href="ENDEREÇO DO FACEBOOK"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh6.ggpht.com/_dAGEULh1_1g/THwD-vZ7bDI/AAAAAAAAEBc/4fHoPnWmq8M/facebook.png"></a><br></div>

Espero que tenha gostado. ^^

Caixa de seguidores do Twitter

17:46 Dicas e Tutoriais No comments

trago esse tutorial para deixar a caixa de seguidores do Twitter mais legal. ^^

Primeiro passo:

Bom, no blogger, vá em Design, adicionar um gadget, HTML/JavaScript. E cole o código logo abaixo mas lembrando em editar as devidas partes em vermelho.

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("NOME NO TWITTER");</script>
</div>
</div>
<style>
.FB_SERVER_IFRAME {

height: 250px !important;

width: 290px !important;
</style>