BLOG: Add Login Box / Login Form code – Blogger Blog Widget

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.
Facebook | Follow us | Call us|
eflex9jablog@gmail.com

Any Enquiry, Call/Text +2347088850874

OG Friend Of Naira

Sir. Jassen Japheth popularly known as Eflexnaija is a student of the Taraba State University. He's a unique user of the pen when it comes to the expression of whatever is entertaining and educative. A young man full of optimism & amusement and a passionate advocate of prayer, hard work & persistence as a formula for success. He is the Site Developer-in-chief of the organization and also a writer of news, articles, editorials and a lot more to help expand the level of knowledge of the readers and simultaneously have them entertained. A lover of music and football is who he is and a Software Developer.

WhatsApp chat