http://trikkuampuh.blogspot.com/. Contoh laman HTML
SELAMAT DATANG DI BLOG KAMI "NIKI TRIK KULO"

Cara Membuat Form Login/Register Di Blog Dengan Mudah


http://trikkuampuh.blogspot.com/2014/04/cara-membuat-form-loginregister-di-blog.html
Jika kalian pernah mengunjungi sebuah website terkenal, pasti kalian pernah menemukan yang namanya kotak login/register. Yang salah satu fungsinya adalah untuk menambah member. Nah, jika melakukan register ke sebuah website dan berhasil, maka kita kan menjadi member dalam website tersebut. Keuntungannya menjadi member adalah kita akan mendapatkan kiriman artikel terupdate dari website tersebut. Nah, sebenarnya membuat form login/register tersebut cukup mudah untuk blog. Kalian tinggal melakukan copy paste kodenya dan selesai. Untuk mengetahui cara pembuatannya, silahkan baca selengkapnya dibawah ini.

1. Login ke blog kalian masing-masing.
2. Masuk ke Tata Letak --> Tambah Gadget --> HTML/JavaScript.
3. Copy kode dibawah ini.
<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 Punya Account? klik <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>


4. Simpan, dan selesai

Cara Membuat Form Registrasi di Blog


http://trikkuampuh.blogspot.com/2014/04/cara-membuat-form-registrasi-di-blog.htmlForm Registrasi blog untuk berbagai keperluan seperti Registrasi anggota, Media Survey, daftar/pemesanan  Online dan masih banyak lagi yang lainnya.
Adapun langkah-langkah untuk membuat Form Registrasi/Pendaftaran/Pemesanan di Blog sangat mudah. Pertama sekali tentunya kita dibantu oleh Situs diluaran yang menyediakan fasilitas script GRATIS dengan tentunya berdasarkan kuota.
Sebagai Contoh dan akan kita gunakan adalah Situs dengan Alamat  www.123contactform.com. Sebenarnya masih banyak Situs lain yang memberikan layanan yang sama dengan tentunya memiliki fitur spesifik dan masing-masing memberikan kemudahan-kemudahan. Dari proses pembuatan Menu Registrasi sampai dengan Menu Reporting (Silakan Tanya dengan Mr Google).
Contoh : http://www.emailmeform.com/ ; http://www.response-o-matic.com/
Cara pembuatannya cukuplah mudah dan aplikasi yang ditawarkan sangatlah banyak serta mengusung gaya yang lebih elegant. Tutorial Step By Step

1. Kunjungi terlebih dahulu situsnya  klik www.123contactform.com.
2. Pilih Button Sign Up for Free (Gratis) untuk mendaftar terlebih dahulu.
3. Setelah itu akan muncul 3 pilihan antara lain (Basic,Platinum,Gold)
4. Pilih menu Sign up di bawah kolom Basic (Forever Free)
5. Kemudian isikan formulir pendaftaran yang meliputi :
image
  • User name : (Isikan dengan nama anda untuk loggin nanti tanpa spasi) contoh : nikitrikkulo
  • Password : (Isikan dengan Password yang mudah diingat) contoh : nikitrikkulo
  • Confirm Password : (Tuliskan kembali password yang anda buat tadi)
  • Email : ( Isikan dengan alamat email anda yang Valid ) contoh :nikitrikkulo@gmail.com
6.  Klik menu Create Account.
7. Setelah itu anda akan dikonfirmasi melalui Email tadi dan langsung menuju ke Dashboard.
8. Setelah loggin pilih menu Create New Form (Button Warna Hijau)
9. Setelah itu pilih Kolom Event Registration Form pada kotak yang berwarna hijau muda.
10. Isikan nama Form sesuai kebutuhan anda pada kolom Form Name > Klik menu OK.
11. Nah disinilah anda harus meng-edit Form agar sesuai dengan kebutuhan blog anda.
12. Jika sudah selesai dalam proses EDIT > Klik menu Preview (Untuk pratinjau hasil editan).
image
Edit Form

13. Kalau semua sudah pas > Klik menu Continue > Maka anda akan dibawa pada bagian Form Setting > Jika anda ingin menambah email penerima klik pada menu (Add Notification Email ).
14. Klik menu countinue .
15. Pada bagian kiri pilih Plafform yang akan dimasukkan seperti (Blogger,Worpress,Lightbox dan lain-lain.
image
Code HTML

16. Bila Kita memasukkannya melalui Blog Plafform blogspot maka pilihlah menu Blogger > Copy kode yang diberikan. 
Cara Memasang Form Registrasi di Blog
1. Logging ke blogger .com
2. Buat postingan baru > Pilih menu Edit HTML pada pojok kanan halaman posting.
3. Paste-kan kode yang anda copy tadi.
4. Untuk judul posting bisa diisi sesuai selera.
5. Kira kira hasilnya akan seperti dibawah ini Link http://trikkuampuh.blogspot.com/
Salam,
Flag Counter