Membuat Form Login Di Blogspot

Update lagi tentang Tutorial Blogspot, lagi rajin update tutorial blogspot nih. Jadi jangan ada yang protes ya kalo sekarang-sekarang ni MbayZone isinya banyak tentang Tutorial Blogspot. Pokoknya harus keep posting deh setiap hari, biar tetep exist di dunia maya. heheh, :D

Ok, pada tulisan kali ini. MbayZone akan berbagi ilmu bagaimana cara membuat form login di Blogspot. Kita tahu bahwa jika kita membuat blog di blogspot, kita tidak disediakan widget form login tidak seperti di wordpress. Jadi untuk para pengguna blogspot, kita harus membuat sendiri form loginnya. Tapi ga usah kuatir, karena buat form login ini tidak sulit ko. Tutorialnya sederhana banget, dan bisa langsung dipraktekin.

Langsung aja menuju tutorialnya :

1. Login dulu di akun Blogspot/Blogger kamu.

2. Setelah muncul tampilan Dashboard, klik "Design"

3. klik "Page Elements"

4. lalu klik "Add a Gadget" pada sidebar. atau jika kamu ingin menaruh di posisi lain, ga masalah juga. Tapi bagusnya sih di sidebar aja. hehehe, :D (maksaaa)

5. setelah itu, tambahkan "HTML/JavaScript"

6. Copy paste kode di bawah ini,

<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><span style="amp;percnt;">Widget by <a href="http://www.mbayzone.com">MbayZone</a></span>

7. Lalu klik "Save", atur posisi form login di sidebar. Setelah itu klik "Save" lagi.

8. Dan untuk melihat hasil akhir dari perubahan blog, klik "View Blog"

Selesai deh, form login telah terbuat. Semoga tutorial blogspot ini bermanfaat. Selamat mencoba,