Criando Uma Área de Login no Blogger

Assim que ficará a sua

O Blogger ainda não tem todas as ferramentas de seu concorrente por isso as vezes temos que criar ferramentas e adapta-las ao ele, um exemplo simples é que o Wordpress possui uma caixa de login, e como o Blogger não possui encontrei uma maneira de inseri-la para que funcione como o Gadget "Meta", veja no tutorial abaixo:

Inserindo

1)Faça login no Blogger
2)Vá em "Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript", insira como conteúdo o seguinte código:<div id="loginform"><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">
<input value="http://draft.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fdraft.blogger.com%2F" name="continue" type="hidden" />
<br />
<div>
<label for="Email"> Conta:
<br /><input id="Email" tabindex="1" name="Email" size="20" type="text" />
</label>
</div>
<br />
<div>
<label for="Passwd"> Senha: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Esqueceu a senha">?</a>)
<br />
</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" />
</div>
<br />
<input id="signin-btn-ns" tabindex="0" value="Enviar" class="ubtn ubtn-block" name="submit" type="submit" />
</form></div>3)Salve e visualize

Estilizando com CSS (opcional)

Se desejar dar um estilo a caixa de login, veja:
1)Acesse "Layout"-> "Editar HTML", procure por "]]></b:skin>", e antes insira o seguinte:#Email, #Passwd{
border: 1px solid #659529;
}
#signin-btn-ns {
color: #FFF;
background: #659529;
border: 1px solid #659529;
}2) Salve e visualize.
Fonte: Chica Blogger

Artigo original do Notícia e blog