Form Sign Up PHP di Blogger

Artikel ini merupakan kelanjutan dari Artikel sebelumnya yang bertajuk FORM LOGIN PHP di BLOGGER.

Sebelum membeberkan tutorial Form Sign Up PHP di Blogger, saya ingin meluruskan terlebih dahulu tentang artikel sebelumnya yang ternyata masih banyak yang salah kaprah. Form Login berbasis PHP yang dibangun di sini, bukan Widget FORM LOGIN yang digunakan untuk masuk ke ADMIN BLOGGER DOT COM. Form Login Blogger tersebut scriptnya memang banyak beredar dan digunakan oleh banyak kawan-kawan sesama komunitas blog. Form Login tersebut sebenarnya sama saja dengan link LOGIN yang tertera di NAVBAR BLOG.

Form Login yang dibangun disini adalah Form Login untuk akses masuk ke ADMIN AREA yang kita bangun sendiri menyerupai ADMIN BLOGGER mengingat keterbatasan BLOGGER menyediakan fasilitas interaktif. Karena keterbatan layanan yang disediakan blogspot ini maka banyak kawan-kawan memanfaatkan layanan pihak kedua dan ketiga untuk mempercantik dan memperkaya fasilitas blognya. Satu contoh misalnya SHOUTBOX. Pihak Blogspot tidak menyediakan fasilitas tersebut, akhirnya ramai yang menggunakan shoutbox punya Shoutmix atau Cbox. Satu lagi Counter dan statistik juga tidak difasilitasi oleh blogspot sehingga ramai juga yang meminjam punya pihak lain misalnya Sitemeter.com dll. Karena ramainya pihak ketiga yang kita gunakan, muncul pemikiran bagaimana jika ada inovasi baru yang memungkinkan kita berimprovisasi sendiri dengan semua layanan yang umum digunakan oleh situs-situs portal, kemudian kita hadirkan di blog, sehingga antara weblog dan website portal menjadi seakan-akan tak ada beda.

Hanya ada satu cara untuk itu, bangun PHP dan MYSQL di Blog karena kedua bahasa itulah yang umum dan universal digunakan untuk menciptakan keragaman fasilitas widget apa saja yang ada di web di dunia maya ini termasuk semua fasilitas widget yang ada di blogger dot com dan wordpress. Sayangnya Blogger dot com tidak secara terang-terangan mendukung PHP dan MYSQL. Inilah yang kemudian mengilhami saya untuk membangun dulu PHP dan MYSQL di website lain yang mendukung kedua bahasa tersebut dan menyisipkankan ke Blogspot melalui Iframe atau Javascript, karena lewat itulah blogspot bisa ditembus.

FORM SIGNUP adalah kelanjutan dari FORM LOGIN. Kalau Form Login digunakan untuk masuk ke akses ADMIN AREA maka Form Signup adalah fasilitas yang digunakan untuk mendaftar sebagai members agar bisa melakukan login untuk masuk ke akses ADMIN AREA.
Sedangkan ADMIN AREA adalah area yang digunakan untuk menata semua fasilias widget yang kita bangun.

Sebagai Catatan, ADMIN AREA nanti akan dibahas setelah tutorial FORM SIGNUP ini di Publish.

Pada kesempatan ini akan kami jabarkan cara membuat FORM SIGN UP (point 1 artikel FORM LOGIN PHP di BLOGGER) . Langkah-langkahnya adalah sebagai berikut

• Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu Membangun PHP MYSQL di Blogger, Webhosting Berbasis PHP, Hosting PHP di UEUO DOT COM, FORM LOGIN PHP di BLOGGER.
• Buka http://www.ueuo.com/, Kemudian Login, (Lihat contoh gambar) .
• Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat contoh gambar). Klik tombol "File Manager" sehingga akan muncul halaman seperti contoh gambar ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "daftar.php" kemudian submit (Lihat Contoh Gambar). Anda akan di bawa ke halaman textarea.
• Isi Script berikut (lihat script daftar.php) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat Contoh Gambar).
• Sekarang, untuk uji coba, kembali ke Form Login yang sudah anda buat pada artikel sebelumnya. Cari Link "SIGN UP", lalu klik, hasilnya kira-kira seperti ini (lihat gambar)
• Silahkan dicoba sendiri untuk mendaftar, ingat jangan menggunakan email yang anda gunakan di script daftar.php, karena pada email anda akan terkirim dengan subject ME, karena anda yang mengirim sendiri. Gunakan Email anda yang lain. setelah diisi silahkan dicek pada email. (lihat gambar).
• Cek phpMyadmin Anda, jika eksekusi berhasil pasti akan ada penambahan user pada table USER anda di phpMyadmin

Selamat Mencoba semoga berhasil. Tunggu artikel selanjutnya Tentang Admin Area dan Forgot Password

Selanjutnya...

Form Login PHP di Blogger

Jika anda berkunjung ke berbagai web portal terutama yang berbasis interaktif php, mungkin anda sering melihat jenis widget ini "FORM LOGIN". Form login adalah form yang digunakan untuk Log in atau Online sebagai anggota/member dari sebuah web. Dengan melakukan Login berarti anda dianggap Online. Sederhananya form login ibarat absen tanda hadir. Sebagai contoh, Pernah lihat blog yang memasang Icon Yahoo Mesenger Online atau Offline. Untuk bisa dianggap online, kita harus login dulu di server yahoo.com begitu juga sebaliknya untuk dianggap offline, kita harus logout dulu dari server yahoo.com.

Bagi pemilik web atau blog terutama jika web/blog tersebut sangat interaktif, mengelola members adalah suatu keharusan. Berbagai layanan yang mungkin akan kita bagi kepada pengunjung mengharuskan kita memprivasi tiap-tiap layanan tersebut sesuai dengan tingkatan hak yang diberikan misalnya hanya sebagai user/pengunjung biasa atau sebagai superuser/member yang kita beri hak untuk mengelola sendiri sebuah layanan dengan hak akses tertentu. Nah untuk menggunakan hak akses tersebut sudah tentu harus memanfaatkan FORM LOGIN. Sebagai contoh BLOGGER.COM menyediakan layanan blog gratis dan memberi hak akses tiap-tiap member untuk mengelola blognya masing-masing. Jika kita ingin melakukan setting blog misalnya, kita tidak bisa melakukannya hanya berstatus user, kita harus login sebagai Member. Dan untuk melakukan hal tersebut dibutuhkan FORM LOGIN.

Sebagai pengelola Web yang memanfaatkan hosting web dari server web tertentu, mengcreate sebuah layanan menuntut kita untuk juga menciptakan ADMIN untuk mensetting layanan yang kita buat tanpa harus login ke server dan cukup mensetting ditingkat subhosting saja. Dan untuk kebutuhan tersebut dibutuhkan FORM LOGIN.

Sebagai contoh MEMBANGUN BLOGLIST BERBASIS PHP di blog ini. Ada fasilitas VIEW BLOGLIST, ada fasilitas FORM INPUT BLOGLIST. Bisa saja muncul masalah, namanya juga FORM INPUT dimana-mana, user bebas mengisi apa saja, dan bagaimana seandainya saat mengisi ada kata yang salah, atau kata-kata yang digunakan tidak sopan, atau user adalah SPAMMER. Oleh karena itu harus ada fasilitas ADMIN yang berfungsi untuk mengelola UPDATE DATA, DELETE DATA, BANNED IP dan SETTING LAYOUT. Dan untuk bisa masuk sebagai admin dibutuhkan hak akses. Hak Akses sebagai Member biasa, atau sebagai Admin atau sebagai Master ditentukan dari kode akses yang dimasukkan pada FORM LOGIN.

Oleh karena itu sebelum kita berkreasi dengan berbagai keunggulan PHP MYSQL, saya menyarankan untuk terlebih dahulu membuat FORM LOGIN PHP di BLOGGER.

Sebenarnya ada 6 tahap utama untuk menata members

1. Daftar sebagai Member. Pada web sering di tulis dengan link "SIGN UP" atau "DAFTAR"


2. Form Login atau sering ditulis dengan link "SIGN IN" atau "LOG IN"


3. Log Out, link untuk menyatakan menutup akses ke ADMIN AREA


4. Forgot Password, Layanan yang diberikan untuk mengantisipasi Member saat lupa password


5. Admin Area, Hak layanan yang diberikan kepada member jika login sebagai member. Biasanya digunakan untuk Menata Layanan.


6. Counter dan Traffik Member /User Online

Pada kesempatan ini akan kami jabarkan cara membuat FORM LOGIN (point 2) . Langkah-langkahnya adalah sebagai berikut

1. Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu Membangun PHP MYSQL di Blogger, Webhosting Berbasis PHP, Hosting PHP di UEUO DOT COM.


2. Buka http://www.ueuo.com/, Kemudian Login, (Lihat contoh gambar)


3. Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat contoh gambar). Klik tombol "File Manager" sehingga akan muncul halaman seperti contoh gambar ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "login.php" kemudian submit (Lihat Contoh Gambar). Anda akan di bawa ke halaman textarea.


4. Isi Script berikut (lihat script login.php) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat Contoh Gambar).


5. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "kirim.php" kemudian submit. Anda akan di bawa ke halaman textarea.


6. Isi Script berikut (lihat script kirim.php) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat Contoh Gambar).


7. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "logout.php" kemudian submit. Anda akan di bawa ke halaman textarea.


8. Isi Script berikut (lihat script logout.php) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat Contoh Gambar).


9. Membuat Table USER pada Database Mysql. Kembali ke Member Area, Klik phpMyAdmin (Lihat Contoh Gambar). Masukkan nama database anda dan password database


10. Setelah itu akan muncul halaman "phpmyadmin area" (Lihat Contoh Gambar).


11. Pada sidebar kiri, klik link database seperti yang ditunjukkan pada gambar pada point 10


12. Setelah itu akan muncul halaman Database anda pada phpmyadmin (Lihat Contoh Gambar).


13. Klik link Query, sehingga tampak gambar seperti ini (Lihat Contoh Gambar)


14. Isi script berikut pada textarea seperti yang tampak pada contoh gambar point 13 (Lihat Script Mysql) sehingga menjadi seperti contoh gambar ini, kemudian tekan tombol submit query. Jika eksekusi berhasil akan tampak seperti gambar ini Contoh Gambar. Bagian yang dilingkar merah menunjukkan telah terbentuk satu table mysql dengan nama "user".


15. Kemudian kembali ke Main Mysql dengan meng klik link database disisi kiri (yang dilingkar biru) seperti contoh gambar point 14.


16. Setelah klik akan muncul gambar Main phpMyadmin seperti contoh gambar point 14
17. Klik bagian yang dilingkar merah
18. Setelah di klik akan muncul gambar seperti ini lihat ( Contoh Gambar ). Ikuti semua instruksi yang diperintahkan, untuk input data (lihat keterangan gambar), setelah itu tekan tombol GO.
19. Jika Berhasil, maka saat kembali ke Main phpMyadmin, record pada table user bertambah 1
20. Tahap akhir adalah menyisipkan FORM LOGIN pada Blogger.com. Masuk ke Account Blogger > layout > Add A Gadget > HTML/Javascript > Copy paste script berikut
    
    <script src="http://blogproject.ueuo.com/login.php" type="text/javascript"></script>


21. Ganti text yang berwarna merah dengan alamat hosting anda, kemudian simpan


22. Hasilnya kira-kira seperti ini Lihat Contoh Gambar.


23. Silahkan uji coba sendiri, masukkan nama login anda dan password (ingat !!! bukan kode encriptnya)


24. Jika berhasil akan tampak seperti gambar berikut (Lihat Contoh Gambar). Klik link LOGOUT untuk kembali ke mode awal.


25. Jangan Klik link Sign Up karena halaman Sign Up belum dibuat artikel tutorialnya ... He he he, tunggu Postingan Berikut....

Selanjutnya...

Yang Lagi Online

Mungkin anda juga pernah mengalaminya, berkunjung ke sebuah blog, membaca beberapa artikel kemudian menulis sepatah dua patah kata komentar, saran, atau suatu pertanyaan pada shoutbox atau medium komentar yang disediakan dengan harapan mudah-mudahan aja ada umpan balik. Ternyata setelah menunggu beberapa menit,jam,hari tak ada jawaban/respon. Yang ada dipikiran kita pasti sama, jangan-jangan pemilik blog lagi tidak

online, atau blog ini memang tak pernah lagi di jamah oleh pemiliknya.

Beberapa blog yang saya kunjungi, ada juga yang mengambil langkah maju, memasang icon yahoo messenger pada blognya sebagai kode online atau tidak.

Yang menjadi pertanyaan adalah, bagaimana seandainya saya hanya ingin berkunjung ke suatu blog yang lagi online saja. Berapa banyak blog hari ini yang lagi online dan bagaimana mengetahuinya. Karena penasaran saya tanya pada om google, abra ka dabra, dan jawabannya sama saja, tidak memuaskan. Entah pencariannya saya yang kurang menggebu atau memang tak ada traffic yang disajikan baik oleh google maupun blogger untuk layanan tersebut.

Akhirnya, karena tak menemukan satupun fasilitas tersebut dari blogger.com, dan saya sudah malas lagi mencarinya, saya putuskan untuk coba-coba buat sendiri, lumayan membutuhkan waktu 1 hari penuh juga membuatnya

Bagi anda yang tertarik menggunakan fasilitas gadget "YANG LAGI ONLINE" ini ada beberapa aturan main yang harus di penuhi

• Daftar Jadi Anggota. Dengan mendaftar, anda akan kami beri kode script yang wajib dipasang pada gadget blog
  
• Mengajak blogger mania lain untuk juga ikut mendaftar. Alasannya karena hanya yang menjadi members saja yang akan anda tahu online atau tidak, makin banyak yang mendaftar makin banyak blog yang anda ketahui online atau tidak


• Agar anggota lain bisa mengetahui anda sedang online atau tidak, setiap anda membuka blog, jangan lupa untuk login pada "FORM LOGIN" yang kami sertakan pada blog anda


• Fasilitas "YANG LAGI ONLINE" ini hanya diperuntukkan bagi yang sudah memiliki blog

Kelihatannya rumit, tapi gak ada salahnya dicoba dulu biar tahu.
Kode Script yang wajib anda pasang pada blog anda setelah Mendaftar adalah

<iframe scrolling="no" width="200px" frameborder="0" src="http://abdgamal.ueuo.com/userlogin.php" height="183px"></iframe>

kemudian
Buka Account di Blogger.com > Tata Letak > Element Halaman > Tambah Gadget > HTML/Javascript

Copy dan Paste script diatas, beri judul sesuka hati. Selesai Selanjutnya...