How To Add Login Box Or Login Form code For Blogger Blog Widget

·

Add blogger login form widget (Google Login) for blogger. The login box in the blogger home page is really cool and many of us prefer going to the home-page 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>


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 following box in your blog as below.

    Enter your username and password to enter your Blogger Dashboard




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

0 comments:

Are you confused or just want to tell us you visited? Feel free to comment

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.

Thinking of spamming here?:
Please do not spam Spam comments will be deleted immediately upon our review. So why waste your time?

Regards,
Enoch

Kindly use this button below to get this my article on your computer:

Print Friendly and PDF

You can also read this Related Posts



Best Blogger Tips

Post a Comment

Join me on Facebook Follow me on Twitter Follow me on Digg Follow on BlogCatalog Follow me on MySpace Subscribe to RSS Email me

Blog Archives

Google+

Google+

Followers