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

Ultimate List of Niches & Niche Ideas | 24 Most Profitable Niche Markets

34 COMMENTS     BY   GREG KONONENKO Ultimate List of Niches & Niche Ideas | 24 Most Profitable Niche Market s  I’ve compiled the "Ultimate" list of niches and profitable niche market ideas to help you choose the right niche for your blog or niche website. This ultimate niche list is going to help you select a profitable niche market quickly. Sometimes it's just easier to look through a ready-made list like ours, and pick something from a list. I've not only prepared a list of niches. I've also done the legwork of figuring out the best way to monetize each of the niches. This way you can use our niche ideas list not only to choose a good niche, but also to see how you can monetize it, and whether you think this monetization method is going to suit your style or marketing. Let's get right into it!   How This List of Niches Was Compiled It will be helpful for you to understand how I’ve created this list. In order for a particular niche to make it into our lis...
Post a Comment
Read more

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

ABOUT S.S D.A.V CENTENARY PUBLIC SCHOOL KHUNTI

  SS DAV Centenary Public School, Khunti is a Senior Secondary,co-educational, School. The School has on its rolls more than 2150 students. Each individual, here, is expected to reach his full potential. To achieve this, we provide a positive and creative learning environment, which incorporates a rich and varied program of experiences and opportunities. This enables all pupils to experience the success that can be celebrated and valued, thereby developing a positive attitude to learning and life. We aim to teach various skills, social awareness, and independent living so that our pupils can establish a meaningful role in society. We believe that it is important to develop pupils’ confidence and self-esteem and appropriate skills, values, and attitudes. This can empower them to take full advantage of their life chances, become valued and valuable members of society, and meet the challenges ahead. The school has 4 grand and beautiful buildings comprising classrooms, Administrative s...
Post a Comment
Read more