Login Form - Login Box for Blogger Add blogger login form widget for blogger. The login box in the blogger home page is really cool and many of us prefer going to the homepage itself to login and access our blogs. But what if you like to access your blogger dashboard from your blog itself? Well, it’s possible to add a widget with some codes or scripts to your blogger blog side bar and access your dashboard from that login box. And I am sure you love widgets on your blog. After all they are the bells and whistles on your blog and add some more sense to design and interactivity.


In this post we will learn how to add the Login box in your blogger/blogspot blog. Blogger Users here we go with the steps.
I hope you know how to add widgets to your blog.
1. Log in to your dashboard–> layout
Blogger Edit Html

2. Click on “Add a Gadget” where you need to place the login box or form.
Blogger Add a Gadget

3. A Pop-up window will open and select the Click on “Add a Gadget” and select “HTML/Java Script”.
Blogger Add Html Javascript

4. Copy the code below and Paste Inside the box. Note : (Make Sure you copy only the content from form to /form)

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</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="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>

5. Save the Html/Javascript and go on to your page to see how it looks.
6. If you have some idea on html, play with the variables used above to make the login box/ login form suitable for your blog.
If you have done everything correct, you should have the followng box in your blog as below.

Enter your username and password to enter your Blogger Dasboard

I hope you like this. Do you use this form in your blog? Let us Know in comments below.

Published by Pradeep Singh

Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.

31 Comments

  1. Thank so much bro..it’s very much supportive tip..but it doesn’t show register and lost password link on my blog. Can I have further instruction to correct these?

  2. @ Loser; You are using blogger as your blogging platform, so you cannot have members register for your blog. Unlike blogger, self hosted version of wordpress has that option to register. (Note:The blogs you were talking about are powered by self hosted version of wordpress.)

  3. Cool information! but i want to coby and paste it on my website.

  4. wow..never thought about this before..will try out later..thx man!

    p/s: i would like to hide my FB Comment Box like ‘AjaxShoutBox’..do u know how to do it?really appreciate..

  5. I want a register and login option at my blogger website
    i.e whenever the website starts a javascript with a login page runs on the website in the form of a popup and then a file handling for the usernames and passwords and all the necessary logs like IP address, cookies etc.

    is this possible to host that type of javascript on blogger??

    reply soon!!

  6. nice one i will try it!!!!!!!!!!!!

  7. Hello!

    I especially thank you very much Mr. Pardeep Kumar Singh, when I read this article that I can also paste my sing button on my blogger, and I got succeeded.

    Thanking you very much once again.

    Nayyar

  8. Hello!

    I want to add shopping cart button in my blogger. IS there any body who can help me in this matter.

    Regards,

    Nayyar

  9. nice info , thanks you

  10. Hey i applied this widget to my blog and gives my blog a professional look. But when i do sign in to my blog with my alternate gmail id it takes me to someother page asking me to type my password again. if i re-enter my password it takes me to google page to create a new blog.

    What if i want to get back to my blog again. i mean when i sign in from my blog, it should directly launch into my blog. it should not go to someother page. which script line should i change. pls be in detail cause am not good in programming

  11. Ya its good. i had tried it but i got a small situation that, after logging its redirecting , and its stops with “NOT FOUND”
    Please suggest me to come out of it.
    Thanxs

  12. thanks for your information very useful post

  13. very informative post, you shared with us, today i learned new thing in blogger. bcoz am newbie 🙂

    THanks alot for saving my time.

    Good luck.

  14. Nice. exactly what I was looking for. I’ll try this one

  15. looks cool!!
    hey…i am going to try…thanx..

  16. thank you for widget..nice

  17. it’s show. but i cannot sing in from this form. but why????
    pls pls help me.

  18. I think the only problem with this is when we add this, when user log-in to the blog, it takes user to his own google accounts instead of keeping user in the blog. It would be great if user can continue with the blog after login instead of directing to users Google accounts. So that user can continue with the blog and make comments without further log-in.

  19. login problem. whenever i put id & password it says invalid..may be this code has login problem.

  20. when i am trying a msg displays with error

  21. i have applied defualt dynamics view template

    i also added gadget(HTML script) also ur given script

    and saved it but when ever i try to open my blog nothing happengs
    it displays simple the same page as was b4 adding this gadget

    please help!!>..

  22. How to make one login box for one’s own site. Like if he have any address like mail.xxx.xom where the login box is already there.

    How to link your described box in blogger blogs.
    If you know how to do, contact me at [email protected]

  23. Is it working? I can’t log in there!

  24. i understand about how to add login widget but bro u need to think that how the user can register

  25. Regard

    Thanks for widget login

  26. ok thanks for info. I’ll try

  27. its not working on my blog plz help me dear

Comments are closed.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match