Skip to main content

Add Login Box / Login Form code – Blogger Blog Widget



Add Login Box / Login Form code – Blogger Blog Widget


 

Login Form - Login Box for Blogger
Login Form - Login Box for Blogger

Add blogger login form widget for blogger. The login box on the blogger home page is really cool and many of us prefer going to the homepage itself to log in 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 sidebar 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/JavaScript”.
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 about HTML, play with the variables used above to make the login box/ login form suitable for your blog.
If you have done everything correctly, you should have the following 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 the comments below.

Comments

Post a Comment

Popular posts from this blog

Website Structure: How to Build Your SEO Foundation

  TECHNICAL SEO Website Structure: How to Build Your SEO Foundation Michal Pecánek   February 2, 2021   English           adi  Monthly traffic  50 Linking websites  163 Tweets  64 Data from  Content Explorer Share this article Subscribe for weekly updates Email Subscription Subscribe Contents Why website structure matters How to create a solid website structure Website structure is how your site is organized and web pages interlinked. Having a logical site structure helps visitors and  search engines  easily find and navigate content while improving conversions and supporting your SEO efforts. A solid website structure is a must-have when you’re about to launch a new website or redesign the current one. The bigger your website is, the more critical it becomes. In this article, you’ll learn how to plan and create a great site structure in these five steps: Prepare to map everything visually Check how your com...
Post a Comment
Read more

THE HISTORY BLOG by adi teaches

 THE HISTORY BLOG Michelangelo’s first sculptures restored May 6th, 2022 Michelangelo’s first two sculptures, marble reliefs the  Madonna of the Steps and the Battle of the Centaurs carved when he was a teenager, have been restored and are on display at the Casa Buonarotti museum in Florence. Michelangelo was just 15 years old when he moved to Florence in 1490 and joined the informal art academy sponsored by Lorenzo de Medici in his sculpture garden at Piazza San Marco in Florence. For two years, Michelangelo lived in the Medici Palace and studied in Lorenzo’s garden of antiquities under the guidance of Bertoldo di Giovanni, the sculptor and portrait medallist who was curator of Lorenzo’s antiquities and instructor of the young talents who studied there. Michelangelo’s first sculpture (1490-1491) was the Madonna of the Steps, a low relief homage to Donatello’s relievo staccato (smashed relief) technique. The Madonna sits on a square stone block, the Christ child on h...
Post a Comment
Read more

The 8 Best (Free!) Google Ads Tutorials for Beginners Right Now

  Starting to advertise online is intimidating. Especially when it feels like gambling—there is   an auction ? Do I have to bid on keywords? How do I set a budget? What is a campaign? What are extensions?! (You get the point.) I can empathize. I’m still figuring out what Google Ads (formerly known as Google AdWords) can offer, which is why I think everyone should have these easy and free Google Ads tutorials to help walk through the process. To be clear, I don’t think you need ALL of these tutorials. You can probably just choose one or two—but whether you prefer reading, videos, or a more active learning experience, there’s something for everyone here! 1. Google Partners The best tutorials by far are from Google. There is a lot of information out there about Google Ads – what better place to find the truth than from the all-powerful creator of Google Ads? This was the first place I turned when I wanted to figure out the basics of Google Ads and Google did not fail me. Even if ...
Post a Comment
Read more