Menambah menu Login & Logout di Blog

Terkadang kita lupa cara masuk/ login ke blog kiota sehingga masalah sepele saja bisa menyulitkan kita, nah agar itu tidak terjadi pada kita maka ikuti langkah-langkah berikut ini dalam membuat menu Login & Logout di blog ya.

1. Langkah pertama kita masuk ke dasboard admin, pilih layout dan tambah gadget 

2. Pilih HTML/ JavaScript

3. Ketikkan/ copy paste script berikut di bagian contentnya

<div id="adminblog" onclick="document.getElementById('login').style.display='block';layoutlogin.style.display='block';adminblog.style.display='none';">Admin</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';">Silahkan Pilih</div>

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

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

<div id='login2' style="display:none" onclick="document.getElementById('loginbox').style.display='none';login1.style.display='inline';login2.style.display='none';logoutbox.style.display='inline';">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" target="_blank" onsubmit="onlogin()">

    <input class="email" value="Username" 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" />

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

    </form>

   </div>

  </div>  

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

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

   </a>

  </div>

    </div>

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

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

4. Hasil akhirnya seperti ini ya

Nah mudah bukan... sekarang kita coba yuk