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
2. Click on “Add a Gadget” where you need to place the login box or form.
3. A Pop-up window will open and select the Click on “Add a Gadget” and select “HTML/Java Script”.
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>
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.
very good information!
thanks 4 the same !
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?
@ 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.)
Cool information! but i want to coby and paste it on my website.
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..
I want a register and login option at my blogger website
nice one i will try it!!!!!!!!!!!!
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.
I want to add shopping cart button in my blogger. IS there any body who can help me in this matter.
nice info , thanks you
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
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.
thanks for your information very useful post
very informative post, you shared with us, today i learned new thing in blogger. bcoz am newbie 🙂
THanks alot for saving my time.
Nice. exactly what I was looking for. I’ll try this one
hey…i am going to try…thanx..
thank you for widget..nice
it’s show. but i cannot sing in from this form. but why????
pls pls help me.
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.
login problem. whenever i put id & password it says invalid..may be this code has login problem.
when i am trying a msg displays with error
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
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]
Is it working? I can’t log in there!
i understand about how to add login widget but bro u need to think that how the user can register
Thanks for widget login
ok thanks for info. I’ll try
its not working on my blog plz help me dear