{"id":153,"date":"2010-05-05T09:33:20","date_gmt":"2010-05-05T09:33:20","guid":{"rendered":"https:\/\/bloggeruser.com\/?p=153"},"modified":"2010-05-05T09:33:20","modified_gmt":"2010-05-05T09:33:20","slug":"add-login-box-login-form-code-blogger-blog-widget","status":"publish","type":"post","link":"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/","title":{"rendered":"Add Login Box \/ Login Form code – Blogger Blog Widget"},"content":{"rendered":"

\"Login<\/a> Add blogger login form widget for blogger. The login box<\/strong> 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\u2019s 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. <\/p>\n


\nIn this post we will learn how to add the Login box in your blogger\/blogspot blog. Blogger Users here we go with the steps.
\nI hope you know how to add widgets to your blog.
\n1.\tLog in to your dashboard–> layout<\/strong>
\n\"Blogger<\/a><\/p>\n

2.\tClick on “Add a Gadget” where you need to place the login box or form. <\/strong>
\n\"Blogger<\/a><\/p>\n

3.\tA Pop-up window will open and select the Click on “Add a Gadget” and select “HTML\/Java Script”.<\/strong>
\n\"Blogger<\/a><\/p>\n

4. Copy the code below and Paste Inside the box.<\/strong> Note : (Make Sure you copy only the content from form to \/form)<\/p>\n

<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><\/p>\n

5.\tSave the Html\/Javascript and go on to your page to see how it looks.<\/strong>
\n6.\tIf you have some idea on html, play with the variables used above to make the login box\/ login form suitable for your blog.<\/strong>
\nIf you have done everything correct, you should have the followng box in your blog as below.<\/p>\n

\nEnter your username and password to enter your Blogger Dasboard <\/p>\n

<\/p>\n
?<\/a>)
<\/label><\/div>\n

<\/form>\n<\/blockquote>\n

I hope you like this. Do you use this form in your blog? Let us Know in comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"

Tutorial to add Login form or login box widget. You can easily add Login Box with this Login Form code in your Blogger Blog as a Widget. it\u2019s possible to add a widget with some codes or scripts to your blogger blog side bar and access your dashboard from this login box.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[],"yoast_head":"\nAdd Login Box \/ Login Form code - Blogger Blog Widget – Blogger User<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Login Box \/ Login Form code - Blogger Blog Widget – Blogger User\" \/>\n<meta property=\"og:description\" content=\"Tutorial to add Login form or login box widget. You can easily add Login Box with this Login Form code in your Blogger Blog as a Widget. it\u2019s possible to add a widget with some codes or scripts to your blogger blog side bar and access your dashboard from this login box.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Blogger User\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pradeepdotco\" \/>\n<meta property=\"article:published_time\" content=\"2010-05-05T09:33:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bloggeruser.com\/media\/Login-Form-Login-Box-for-Blogger-288x300.jpg\" \/>\n<meta name=\"author\" content=\"Pradeep Singh\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pradeep Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/\",\"url\":\"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/\",\"name\":\"Add Login Box \/ Login Form code - Blogger Blog Widget – Blogger User\",\"isPartOf\":{\"@id\":\"https:\/\/bloggeruser.com\/#website\"},\"datePublished\":\"2010-05-05T09:33:20+00:00\",\"dateModified\":\"2010-05-05T09:33:20+00:00\",\"author\":{\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\"},\"breadcrumb\":{\"@id\":\"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bloggeruser.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Login Box \/ Login Form code – Blogger Blog Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bloggeruser.com\/#website\",\"url\":\"https:\/\/bloggeruser.com\/\",\"name\":\"Blogger User\",\"description\":\"Blogger Users Guide | Blogger\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bloggeruser.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\",\"name\":\"Pradeep Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"caption\":\"Pradeep Singh\"},\"description\":\"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.\",\"sameAs\":[\"https:\/\/Pradeep.co\",\"https:\/\/www.facebook.com\/pradeepdotco\",\"https:\/\/twitter.com\/pradeepdotco\"],\"url\":\"https:\/\/bloggeruser.com\/author\/bloggeruser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Login Box \/ Login Form code - Blogger Blog Widget – Blogger User","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/","og_locale":"en_US","og_type":"article","og_title":"Add Login Box \/ Login Form code - Blogger Blog Widget – Blogger User","og_description":"Tutorial to add Login form or login box widget. You can easily add Login Box with this Login Form code in your Blogger Blog as a Widget. it\u2019s possible to add a widget with some codes or scripts to your blogger blog side bar and access your dashboard from this login box.","og_url":"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/","og_site_name":"Blogger User","article_author":"https:\/\/www.facebook.com\/pradeepdotco","article_published_time":"2010-05-05T09:33:20+00:00","og_image":[{"url":"https:\/\/bloggeruser.com\/media\/Login-Form-Login-Box-for-Blogger-288x300.jpg"}],"author":"Pradeep Singh","twitter_misc":{"Written by":"Pradeep Singh","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/","url":"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/","name":"Add Login Box \/ Login Form code - Blogger Blog Widget – Blogger User","isPartOf":{"@id":"https:\/\/bloggeruser.com\/#website"},"datePublished":"2010-05-05T09:33:20+00:00","dateModified":"2010-05-05T09:33:20+00:00","author":{"@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a"},"breadcrumb":{"@id":"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bloggeruser.com\/add-login-box-login-form-code-blogger-blog-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bloggeruser.com\/"},{"@type":"ListItem","position":2,"name":"Add Login Box \/ Login Form code – Blogger Blog Widget"}]},{"@type":"WebSite","@id":"https:\/\/bloggeruser.com\/#website","url":"https:\/\/bloggeruser.com\/","name":"Blogger User","description":"Blogger Users Guide | Blogger","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bloggeruser.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a","name":"Pradeep Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","caption":"Pradeep Singh"},"description":"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.","sameAs":["https:\/\/Pradeep.co","https:\/\/www.facebook.com\/pradeepdotco","https:\/\/twitter.com\/pradeepdotco"],"url":"https:\/\/bloggeruser.com\/author\/bloggeruser\/"}]}},"_links":{"self":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/153"}],"collection":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":0,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/153\/revisions"}],"wp:attachment":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/categories?post=153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/tags?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}