7. Membuat menu Login

Login ke blog dapat dilakukan dengan membuka alamat web https://blogspot.com/, dan kita tinggal melanjutkan login dengan id user email gmail dan password.

Nah cara yang lebih mudah untuk login dengan tidak membuka alamat web tersebut adalah dengan cara:

Layout, Add gadget, dan pilih configure HTML/ JavaScript kemudian salinlah script berikut ini:

Tampilan Gadget configure HTML/ JavaScript

<div id="adminblog" onclick="document.getElementById('login').style.display='block';layoutlogin.style.display='block';adminblog.style.display='none';"></div>

<div id="login">

<div id="Admin1" onclick="document.getElementById('login1').style.display='inline';logoutbox.style.display='inline';Admin1.style.display='none';Admin2.style.display='inline';">Login</div><div id="Admin1" onclick="document.getElementById('login1').style.display='inline';logoutbox.style.display='inline';Admin1.style.display='none';Admin2.style.display='inline';"><br /></div>

<div id="login2" onclick="document.getElementById('loginbox').style.display='none';login1.style.display='inline';login2.style.display='none';logoutbox.style.display='inline';" style="display: none;">Login</div>

<div id="loginbox">

<div class="emaillogin">

<form action="https://accounts.google.com/ServiceLogin?service=blogger&amp;continue=https://www.blogger.com/home&amp;followup=https://www.blogger.com/home" method="post" onsubmit="onlogin()" target="_blank">

    <input class="email" name="Email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Username&quot;;}" onfocus="if (this.value == &quot;Username&quot;) {this.value = &quot;&quot;;}" type="text" value="Username" />

      <input class="signin-btn" name="submit" onclick="document.getElementById('login').style.display='none';layoutlogin.style.display='none';adminblog.style.display='block';" type="submit" value="Sign In" />

    </form>

   </div>

  </div>  

    <div id="logoutbox" style="display: none;">

<a class="logout" href="https://accounts.google.com/Logout?service=blogger" onclick="document.getElementById('login').style.display='none';layoutlogin.style.display='none';adminblog.style.display='block';" target="_blank">Logout

   </a>

  </div>

    </div>

<div style="clear: both;"></div>

<div id="layoutlogin"></div>