Cursos 24 Horas - Cursos 100% Online com Certificado

Criando Uma Área de Login no Blogger

51 Comentários Autor : Notícia e blog 17 março 2010
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

    51 Comentários

    Habbos disse...
    23 de março de 2010 18:24 #

    uuu consegui mas n entendi ajuda?????

    Notícia e blog disse...
    23 de março de 2010 18:42 #

    @Habbos ,Serve para fazer login na sua conta do Blogger de forma rápida e dinâmica.

    teste disse...
    28 de março de 2010 00:19 #

    mas qual e-mail a pessoa c cadastra no seu blog naum entendi

    francinelson disse...
    28 de março de 2010 08:48 #

    oi cara !
    ja estou começando a tirar todas as postagens plagiadas ou refazer tudo se tiver alguma sua eu do um jeito ok !
    leia essa postagens da uma lida ae !

    http://reidobloguinho.blogspot.com/2010/03/tirando-as-postagens-plagiadas-dos.html

    quando eu acabar eu te aviso ok!

    Notícia e blog disse...
    28 de março de 2010 09:32 #

    @francinelson , obrigado por retirar, o nosso medo não é ter a postagem em seu blog pois a gente sente até feliz por saber que nosso conteúdo é bom. Mas o que acontece é que o Google pode punir nosso blog por isto e nosso blog pode até ser excluído. Ok. Desde já obrigado!

    Cris disse...
    5 de abril de 2010 20:47 #

    Não tem uma ferramenta para registrar-se no blogger, por exemplo , em um site de jogo online, você cria sua conta e faz o login depois.
    Não existe uma ferramenta assim?
    Obrigado pela atenção

    Gustavo disse...
    10 de abril de 2010 15:18 #

    Ok, mas como coloco isso, de forma que a área de login seja para um fórum por exemplo?

    -=|G¡äñ|=- disse...
    22 de maio de 2010 17:48 #

    faz um poste, de como hospedar um dominio .com no blogger. Me ajuda estou prescisando!!!!

    -=|G¡äñ|=- disse...
    22 de maio de 2010 17:52 #

    secesso para seu site

    -=|G¡äñ|=- disse...
    20 de junho de 2010 09:41 #

    o Amigo, tipo tem como vc ensinar a fazer uma area de long no meu blog, naum pra carregar o blogsport/blogger, mais para as pessoas se registrarem no meu blog.

    Tem como?

    Obrigado

    Lenildo disse...
    10 de agosto de 2010 08:14 #

    Valeu a idéia do login, ficava indo direto no google pra faze-lo, agora ficou legal, abraço.

    Anônimo disse...
    5 de novembro de 2010 23:48 #
    jansy costa disse...
    17 de dezembro de 2010 21:57 #

    OLÁ, COMECEI A REALMENTE MEXER NO MEU BLOG EM OUTUBRO E APRENDI MUUUITO VISITANDO SEU BLOG. ESTOU MUITO FELIZ POR TODA AJUDA QUE VOCÊ ME FORNECEU INDIRETAMENTE...
    PARABÉNS PELO SEU BLOG.
    O MEU É DE FRESCOBOL. UMA MODALIDADE QUE É POUCO DIVULGADO A NÍVEL DE COMPETIÇÃO. ESTOU TENTANDO TODOS OS RECURSOS PARA FAZER ELE FICAR BEM MOVIMENTADO.
    GOSTARIA MUITO QUE VOCÊ ME FIZESSE UMA VISITA E DESSE A SUA OPNIÃO.
    AGUARDO ANSIOSA PELO SEU CONTATO

    www.mspersonalfrescobol.blogspot.com

    JANSY COSTA

    JANSY COSTA disse...
    17 de dezembro de 2010 22:08 #

    TENTEI INCLUIR A CAIXA DE FALE CONOSCO E NÃO COSNEGUI. FIZ UM TESTE E NÃO DEU CERTO. PODE ME AJUDAR?

    Curiosa disse...
    26 de janeiro de 2011 11:16 #
    Este comentário foi removido pelo autor.
    Curiosa disse...
    26 de janeiro de 2011 11:21 #

    Gostei muito disso. Mas só algumas dúvidas... Como eu faço para as pessoas se registrarem?? Que conta e que senha elas tem q colocar ali?? Como é que isso funciona??

    -- curiosanews.blogspot.com --

    gabriel correia da silva disse...
    2 de fevereiro de 2011 21:45 #

    Ola tem como fazer isso no Wix um site americano. he um site funciona por flash mas nao tem nada ver com o blogger ele nao tem painel de controle.

    o site meu he
    www.wix.com/gcorreia/gcorreia

    M. Detervour disse...
    7 de fevereiro de 2011 18:33 #

    Galera, 1° não tem como fazer uma area de Login para usuários se registrarem como membro no blogger, porque o blogger infelizmente não disponibiliza banco de dados ou PHP para criar esse tipo de coisa, o maximo que você pode fazer é por um anuncio ou um "CONTATO", solicitando a todos que querem fazer parte do seu blog como autores ou admin. Isso tem que ser feito manualmente, quando tinha uma conta no blogger consegui registrar 47 autores de postagens, resultado ficou muito pesado por causa das tantas postagens.

    OBS: tentei criar um código em js, para isso.
    FUNCIONA ASSIM: quando o usuário criar um registro, será salvo em uma página estatica seu login e senha, assim ficaria salvo e quando for fazer login seria consultada a página estatica, mais infelizmente JS nao faz tudo, precisaria do PHP para deixar tudo organizado, assim consegui em 1 login quando fiz outro para teste deu erro nos logins, e quem entrava na página estatica(mesmo protegida por senha) iria ver as senhas.

    então se quer criar um blog com registros para membros, deixe o Blogger e passe a usar bons dominios,

    gratuitos com banco de dados e PHP 3.0 4.0 LIVRE
    wwww.some.com

    pagos e baratos: recomendo nunca tive problemas
    www.assinehost.com.br

    Desculpa ai Fernando se passei do limite no comentário
    só quis ajudar, qualquer coisa apaga.

    Vinicius Marinho Siqueira disse...
    17 de março de 2011 21:22 #

    @Cris Tambem acho que deveria ter , sera que nao tem ???

    gabriel disse...
    26 de março de 2011 21:13 #

    se liga por quer o meu time coloca pra lascar no sport. há torcida maior de pernambuco é inferno coral,isso é pra tocida joven morrer de inveja otarios*****

    Anônimo disse...
    17 de abril de 2011 20:58 #

    Tem como eu modificar a caixa de login totalmente? colocando imagens, etc.

    Aneis disse...
    19 de abril de 2011 21:02 #

    mas como vou poder cadastrar pessoas? como? aguardo resposta se possivel pelo email: bancario25@hotmail.com

    Eduardo® disse...
    4 de maio de 2011 16:30 #

    e como o povo cadastra nele?

    Docdins disse...
    30 de maio de 2011 16:18 #

    eu quero mais é que voces se foda, seus filho duma PULTA.








    --- Versao morre diabo ---

    Escrito por: Bel Morena disse...
    2 de julho de 2011 00:21 #

    Está tutorial está com algum erro? Estou tentado instalá-lo, mas quando tentp fazer login pelo widget aparece a mensagem erro 404 página not found! Por favor me ajude!

    Demolidor|Fodao disse...
    16 de julho de 2011 10:51 #

    da o mesmo erro que o dela
    not found erro 404

    Shark_Westdead disse...
    14 de outubro de 2011 14:41 #

    Cara eu gostei do Tutorial, mas eu gostaria de saber se tem como deixar uma mensagem de "Você
    está logado" ou algo assim...

    Douglas Nilson Mendes disse...
    23 de janeiro de 2012 21:18 #

    Parabéns pelo post, eu sempre quis ter um tela de login igual ao do wordpress sabe? www.seublog.com/wp-admin
    Obrigado Mesmo!
    Vlw...

    Anônimo disse...
    8 de fevereiro de 2012 15:54 #
    Família Fakelândia disse...
    11 de fevereiro de 2012 20:49 #

    o meu quando coloca o imail e tal ele da erro !

    Vinicius Dutra Nunes disse...
    12 de fevereiro de 2012 21:21 #

    oi tenho um blog
    eu queria que as pessoas que entram no meu blog
    se cadastra-se e ntram no meu blog
    com o seu blog

    Banda VF3 disse...
    12 de março de 2012 21:45 #

    Meu blog é:
    blogdavf3.blogspot.com

    Ellson F. disse...
    16 de abril de 2012 16:07 #

    Tem Como adcionar essa área de login em uma página..?? Por exemplo, adcionar numa página como essa..??

    www.exemplo.blogspot.com/p/exemplo.html ??

    JS Creators disse...
    29 de maio de 2012 22:31 #
    Anônimo disse...
    31 de julho de 2012 01:50 #

    como a pessoa faz o cadastro?

    Junior disse...
    5 de agosto de 2012 17:30 #

    o meu ta dando erro !!!

    Luis Ferreira disse...
    7 de agosto de 2012 11:37 #

    valeu pela Dica

    luisplay777.blogspot.com

    Ronaldo Silva disse...
    23 de outubro de 2012 13:48 #

    Olá tudo bem?
    B.A.B
    Blogueiros Ativos do Brasil

    Comece agora mesmo!
    Faça parte desta comunidade!

    http://babcomunidade.blogspot.com.br/

    http://wwwadotec.blogspot.com.br/

    Anônimo disse...
    30 de outubro de 2012 15:13 #

    @JANSY COSTA
    olá respondendo sua pergunta, como colocar um formulário no blog, só me perguntar no www.controlaprotege.blogspot.com.br que te dou as dicas

    PC NotBook disse...
    4 de fevereiro de 2013 14:27 #

    Esse link faz com que se cadastre no meu blog ou no site do blog?

    guilherme souza disse...
    30 de março de 2013 21:08 #

    na parte dois nao entendi na onde fica esse HTML?

    BiahFranco disse...
    14 de maio de 2013 23:09 #

    Kara tem como fazer isso so que eles loga pelo HABBO? ou por outra coisa sem ser google, pq to criando um fãsite acessa aew tophabboxtudo.blogspot.com.br e preciso saber..

    Criador De Mega Blogs disse...
    30 de maio de 2013 12:02 #

    Claro mas eu não queria que as pessoas entrassem com a conta do blogger e sim criacem uma conta dentro do blog para ter maior acesso!!!


    http://mundosdonerd.blogspot.com.br/

    Counter mix cx disse...
    25 de junho de 2013 15:28 #

    @teste

    Olá,

    Ela se registra-ra no seu blogger com a conta do google

    Rosenice Silva disse...
    11 de outubro de 2013 23:12 #

    num entendi nada manin num tem como fazer tuto em video não ?

    O LUPA disse...
    12 de dezembro de 2013 18:45 #

    ATENÇÃO ------>NÃO FAÇA ISSO NO SEU BLOG
    ATENÇÃO
    ATENÇÃO
    ATENÇÃO _____>NÃO FAÇA ISSO NO SEU BLOG
    cuidado pessoal mudem suas senhas isto é golpe pra roubar as senhas dos blogueiros e invadir sua conta

    Vagner ribeiro soares disse...
    11 de janeiro de 2014 09:50 #

    mas eu queria sem ser do google do meu site mesmo aki http://animescred.blogspot.com.br/

    Jailton Silva disse...
    4 de abril de 2014 16:07 #

    ta ruim visse... a coisa mais legal de ter num site ou num blog é ter a opção das pessoas se cadastrarem como usuário do seu proprio blog e não como usuários de outras coisas. AFF!

    mas...tenho um site hiper legal sobre cs 1.6 , so na parte de edição (editar as animações,skins,models,sprites,sprays, emfim tudo editável no cs)sempre gostei de modificar jogos. e como achar tutoriais sobre esições é muito DIFÍCIL ! principalmente na parte das animações,sofri pra achar um tuto , mas quem tem vontade de editar seu cs (futuramente pretendo fazer tutos de outros jogos) acesse ai !!!! -----> www.venowbr.blogspot.com.br <----!!!!!
    o site ta com uma interface muito SHOW vocês vão gostar (por enquanto so tem 2 tutos : va na parte do "TUTORIAIS" no canto esquerdo e depois em models e veja esse tutos:
    "COMO EDITAR AS SKINS" E "COMO EDITAR AS ANIMAÇÕES"
    faz menos de 1 semanda que criei o blog e passei um tempão tentando ajeitar o gadgets,os negocios do cadastramento de membros, e na interface que ficou muito SHOW!!!!!! além disso o site não é pesado e os links de downloads são diretos vale a pena comferir!!! (minha net e da tim "net de celular" que coloco no modem e pago $0.50 por dia que usar kkk.então fiz um site agradando a todos principalmente os "tipo net" ,em breve vai ter tutos de videos também,não tenho fone. mais os tutos são detalhados e com fotos! CONFIRAM!!!!
    http://www.venowbr.blogspot.com.br/ FALOW E UM ABRAÇO !!!!

    Jailton Silva disse...
    4 de abril de 2014 16:10 #

    DESCULPE PELO COMENTÁRIO GIGANTÃO.KKK eu acho q muita gente ficou com preguiça de ler e pode ter não visto o link do blog ,olha ele aqui !

    http://www.venowbr.blogspot.com.br/

    Quezia Yang disse...
    17 de abril de 2015 22:30 #

    como a pessoa se cadastra??????????????

    Quezia Yang disse...
    17 de abril de 2015 22:32 #

    como a pessoa se cadastra??????????????

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.