Jumat, 27 April 2018

Membuat Form Login Sederhana di Blog


Apa itu form login blogger..???pasti ada yang tau ada yang enggak.....
iya kan, iya donk....??? :)

from login blogger itu adalah tempat kita untyk login ke blogger kamu bisa lihat di samping kiri atas blog saya, disana ada tempat untuk melogin ke blogger nah itu tu seperti itu contonya

Ok deh langsung aja ke caranya, mau tau caranya..?
berikut cara - caranya.....

1. Login ke blogger --> Tata Letak --> Elemen Halaman -> Add Gadget
2.Copy Paste kan Script dibawah ini ke dalam gadget tadi

    Model Form Yang ke 1 :

</p><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post">
<input value="http://www.blogger.com/loginz?d=%2Fhome&amp;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"> <span style="font-weight: bold;">Username ID:</span>

<input id="Email" tabindex="1" value="" name="Email" size="20" type="text">
</label></div>
<div><label for="Passwd"> Kode Rahasia: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>)

</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div>

<input id="signin-btn-ns" tabindex="0" value="Masuk" class="ubtn ubtn-block" name="submit" type="submit">
</form></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;">

3. Ganti Tulisan USERNAME ID : dengan yang kamu inginkan
4. Ganti juga Tulisan 
KODE RAHASIA : dan MASUK dengan yang kamu inginkan
5. Klik SAVE
6. Coba lihat hasilnya..... ;)

Model Form yang ke 2 :



Selamat datang Form Log in. Form Log in yang diperkenalkan di sini adalah sebauh form yang disediakan buat pengunjung media online yang berfungsi sebagai sarana pengunjug apabila ingin menjadi member atau anggota dan pada media yang kita kelola.




Login dan password











Login
Password


Lupa username atau password anda? Temukan di sini!
Belum menjadi anggota? Click di sini untuk mendaftar.

Cara membuat form log in seperti yang terlihat di atas dapat dilakukan dengan mengikuti langkah-langkah sebagai berikut:
  1. Sign in di blog
  2. Klick rancangan
  3. Klick Add gadget/tambah gadget
  4. Pilih Html/Javascript
  5. Copy kode di bawah ini
  6. Paste pada html/javascript yang ditambahkan tadi
  7. Klick Simpan
Kode yang dicopy.

<font face="verdana,arial" size=-1>
<center><table cellpadding='2' cellspacing='0' border='0' id='ap_table'>
<tr><td bgcolor="green"><table cellpadding='0' cellspacing='0' border='0' width='100%'><tr><td bgcolor="green" align=center style="padding:2;padding-bottom:4"><b><font size=-1 color="white" face="verdana,arial"><b> Login dan password </b></font></b></td></tr>
<tr><td bgcolor="white" style="padding:5"><br />
<form method="post" action="http://www.authpro.com/auth/deluxe/" name=pform>
<input type="hidden" name="action" value="login" />
<input type="hidden" name="hide" value="" />
<center><table>
<tr><td><font face="verdana,arial" size=-1>Login </font></td><td><input type="text" name="login" /></td></tr>
<tr><td><font face="verdana,arial" size=-1>Password </font></td><td><input type="password" name="password" /></td></tr>
<tr><td><font face="verdana,arial" size=-1>&nbsp;</font></td><td><font face="verdana,arial" size=-1><input type="submit" value="Enter" /></font></td></tr>
<tr><td colspan=2><font face="verdana,arial" size=-1>&nbsp;</font></td></tr>
<tr><td colspan=2><font face="verdana,arial" size=-1>Lupa username atau password anda? Temukan <a href="http://www.authpro.com/auth/deluxe/?action=lost">di sini</a>!</font></td></tr>
<tr><td colspan=2><font face="verdana,arial" size=-1>Belum menjadi anggota? Click <a href="http://www.authpro.com/auth/deluxe/?action=reg">di sini</a> untuk mendaftar.</font></td></tr>
</table></center>
</form>
</td></tr></table></td></tr></table></center></font>


Semoga bermanfaat.

SEMOGA SUKSES .... :)


Sumber Disini 1
              Disini 2

0 komentar:

Posting Komentar