quinta-feira, 9 de setembro de 2010

Sistema de login blogger

  imageSistema de login para blogger dificilmente pode ser achado.Esse é um sistema de LOGIN apenas, sem cadastro, com uma caixa de emai e uma de senha, onde o usuário poderá logar com sua conta do blogger.Ao logar-se, o usuário ser00á redirecionado para a painel de controle principal do blogger.
Para instalar em seu blog, copie o código abaixo
<div style="background:#CFEEFA;
padding:5px;
width:300px;
margin:3px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;">
<form onsubmit="return(gaia_onLoginSubmit());" method="post" action="https://www.google.com/accounts/ServiceLoginAuth" id="gaia_loginform">
<div id="gaia_loginbox">
<div align="right">
<span class="gaia le lbl">
</span>
</div>
<center>
<div style="padding:5px;">
<input type="hidden" value="http://www.blogger.com/home" id="continue" name="continue" >
<input type="hidden" value="9073907313875735129" id="dsh" name="dsh">
<input type="hidden" value="pt-BR" id="hl" name="hl">
<input type="hidden" value="" id="timeStmp" name="timeStmp">
<input type="hidden" value="" id="secTok" name="secTok">
<input type="hidden" value="W_eMxEkDm-Q" name="GALX"><div>E-mail:
<input type="text" class="gaia le val" value="" size="18" id="Email" name="Email" ></div>
</div>
<div style="color: rgb(102, 102, 102); font-size: 75%;">
<span class="gaia le lbl">
</span>
</center>
<centeR>
<div style="padding:5px;">Senha:
<input type="password" class="gaia le val" size="18" id="Passwd" name="Passwd"></div>
</centeR>
<center>
<div>
<input type="checkbox" checked="" value="yes" id="PersistentCookie" name="PersistentCookie">
<input type="hidden" value="1" name="rmShown">
<label class="gaia le rem" id="PersistentCookieLabel" for="PersistentCookie">
Quero ficar conectado!
</label>
</div>
<input type="submit" value="Login" id="signIn" name="signIn" class="gaia le button"></div></form>
Vá em “Layout”  “Elementos da página” - “Adicionar um gadget” > “HTML/Javascript” , cole-os e salve!
O sistema já vem personalizado com um background azul, mas você pode estar trocando a cor do fundo, substituindo a parte destacada de vermelho no código por uma outra cor HEXADECIMAL.
A parte azul é a largura em pixels do fundo, e a parte verde é o arredondamento das bordas.

Marcadores: , ,

Widget contador de Postagens e comentários

imageO widget Postagens e comentários mostra quantos comentários e quantas postagens há em seu blog.É bem simples, porém leve, portanto não pesa nada no carregamento do seu blog.
Como Colocar em seu blog ?

1° .Vá em design >Elementos da Página
.Adicionar um Gadget
. HTML/Javascript
.Copie o código abaixo e cole No espaço em Branco e clique em salvar.
<center><div class='widget-content'><center><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="http://lh4.ggpht.com/_ROTGT80AIxo/TDo95wTe7PI/AAAAAAAABo4/xv9Xw2aBdTY/count.png" /></div></center></div></center>
Pronto seu Widget está adicionado agora vá em seu blog e clique em atualizar. =D

     Créditos - Giuliane, msn: giulianedejesus@hotmail.com

Marcadores: ,