Ketika kita hadir didunia maya ini dan memutuskan untuk membuat blog, mungkin awalnya kita sudah cukup puas dengan menulis dan mengekspresikan diri lewat blog, tapi karena dunia internet adalah dunia saling berinteraksi tidak mungkin kita hanya cukup berlocal hero sendiri, desakan dari rasa INGIN TAHU dan INGIN DIKETAHUI memaksa kita harus membuka diri dan melakukan BlogWalking [Kunjungan Blog].

Jika sampai saat ini anda belum mengerti trik bagaimana berinteraksi antar blog, barangkali tips berikut cukup membantu.

Buka google.com, pilih link "blog", isi form pencarian dengan kata kunci "blog". Maka google akan menghadirkan ratusan blog yang sedang uptodate, anda tinggal memilih blog mana yang harus anda kunjungi. Bukan itu saja, Google juga memberi kemudahan mencarian blog terupdate "JAM TERAKHIR", "12 JAM TERAKHIR", "HARI TERAKHIR", "MINGGU LALU", dan "BULAN LALU". Tinggal anda menggunakan akal sendiri mana blog yang sebaiknya diprioritaskan untuk di kunjungi.

Dan etika yang bagus saat blogwalking atau berkunjung ke blog seseorang adalah jangan lupa menorehkan sepatah-dua patah kata pada FORM KOMENTAR. 1 kata komentar saja, bisa sangat berarti banyak buat siempunya blog. Komentar tersebut bisa menunjukkan bagaimana kita respek terhadap nuansa ekspresi dan eksistensi sebuah blog.

Setiap netter yang memiliki blog, sudah pasti memiliki visi kemana blog tersebut akan diarahkan. Dan jika kita menyimak masing-masing blog dengan beraneka ragam thema dan visi, semua blog pada awalnya terbelah menjadi 2 karakteristik yang berbeda. BLOG KOMERSIAL atau BLOG PRIBADI.

Blog komersial biasanya hadir dengan visi dan thema yang tegas BLOG IS A BUSINESS. Idealnya Blog komersial ini dimanfaatkan oleh kalangan pebisnis atau pengusaha yang memiliki modal. Jika kita berkunjung ke blog ini, kita akan melihat berbagai macam pernak-pernik WIDGET yang memberi nuansa profit oriented. Blog komersial biasanya enggan melakukan blogwalking sendiri. Dengan ditunjang dana promosi yang lumayan oke, mereka lebih save misanya dengan berlangganan adwords nya GOOGLE atau menciptakan program afiliasi sendiri dan membiarkan referalnya yang melakukan blogwalking. Hanya anehnya kenapa mereka memanfaatkan blog untuk tujuan komersial, padahal dengan modal besar mereka bisa beli server atau domain sendiri yang setara dengan server blogger, kemudian menciptakan web portal dengan fasilitas widget yang lebih komplit dan ukuran bandwidth yang lebih besar.

Bisa jadi itu hanyalah trik bisnis. Ada jutaan orang berinternet setiap hari bahkan bisa lebih, dengan cara yang berbeda-beda, dari yang hanya sekedar searching, browsing, mailing, atau chatting. Dan yang paling jelas eksistensinya adalah komunitas blogger. Dengan berkamuflage sebagai blogger mereka bisa lebih leluasa dan familiar mengembangkan bisnis diantara para blogger lain dan jika mungkin juga diantara komunitas bukan blogger. Karena via blogger juga bisa connect dengan jejaring sosial lain seperti facebook,friendstar, messager yahoo dll.

Blog personal atau blog pribadi lebih mencerminkan file pribadi online, beberapa ada yang mengarahkannya ke buku harian online. Sebenarnya pihak BLOGGER.COM tidak membedakan layanan antara blog berbasis bisnis dan blog personal. Yang membuatnya berkesan BISNIS atau PERSONAL adalah kita sendiri sebagai pengguna blog. Namanya juga Blog personal, berarti sentuhan rasa yang ingin kita tampilkan pada blog tersebut adalah "Tentang Kita (ABOUT US)", Tentang sesuatu disekitar kita, bisa saja blog itu sebagai ungkapan ide-ide seorang Politikus atau Hasrat seorang dokter yang ingin membuka ruang konsultasi medis online, atau Luapan Kekayaan Ekspresi seorang seniman, atau bisa jadi ia bukanlah siapa-siapa yang hanya ingin menuangkan perasaan dan berbagi pengalaman. Jika kemudian blog personal banyak yang terseret ke dunia bisnis online. Kenapa tidak. Dengan asumsi bahwa jika segala ekspresi dan ide-ide yang tertuang dalam blog yang awalnya hanya dinilai melalui feedback dalam bentuk respek atau pujian, saran atau kritikan kemudian berubah menjadi bentuk nyata berupa uang khan paling tidak bisa membantu meringankan budget yang telah kita keluarkan untuk berinternet dan sebagai kompensasi dari waktu kita yang banyak terbuang. Apalagi jika ternyata bisnis tersebut sukses dan membuat kita ....hehehehe "kaya". Wahhh wahhh wahhh !!!!

Yang jelas, kemana blog tersebut akan menemukan bentuknya tergantung kepada kita sendiri dan itu menuntut tanggung jawab. Tanggung jawab kita adalah apakah kita hanya ingin membiarkan blog tersebut seperti katak dibawah tempurung atau total ikut serta meramaikan globalitas dunia blog dengan segala konsekwensinya. Yang pasti setuju atau tidak, fakta telah membuktikan bahwa hidup mati nya sebuah blog sangat tergantung pada traffik ramai-sepinya pengunjung blog tersebut. Jika ingin blog kita dianggap survive, kita tidak bisa hanya cukup diam dan berlocal hero sendiri. Kita harus melakukan Blogwalking agar mendapatkan umpan balik. Jika kita tidak puas hanya di anggap "ada" saja dan ingin lebih menduduki posisi bergengsi di dunia internet, kita harus membayar lebih, baik tenaga, uang dan waktu luang. Itu Konsekwensinya.

PHP merupakan bahasa program interaktif yang sangat universal digunakan oleh rata-rata webportal diseluruh dunia, bahkan mungkin oleh blogger.com sendiri. Hanya mungkin Blogger dalam kapasitas ini, tak ingin memfasilitasi para membersnya untuk memanipulasi blog mereka dengan bahasa PHP, berbeda dengan WP. 

Entah sampai kapan BLOGGER.COM bertahan dengan pemikiran seperti itu. Banyak webprogramer akhirnya kecewa dan lebih memilih WP untuk berimprovisasi dengan blog. Meskipun begitu bukan berarti tidak ada lubang sama sekali. Jalan satu-satunya menyisipkan basis PHP ke Blogger.com adalah melalui fasilitas IFRAME. sebenarnya memanfaatkan Iframe untuk tujuan tersebut diatas sangat-sangat tidak menyenangkan, tapi mau gimana lagi dari pada tidak ada sama sekali.

Apa yang bisa kita buat dengan PHP ??. Banyak, sebagai contoh sederhana
- Membuat Members Online
- Membuat Form login
- Mengetahui siapa member yang lagi online
- Membuat Buku Tamu/Shoutbox
- Membuat Statistik
- membuat Hit counter
- Membuat Admin management
- Membuat Upload file
- Membuat Download file
- Membuat PDF

dan masih banyak lagi yang tidak bisa saya sebutkan satu persatu.
Tapi karena blogger.com tidak support, kita harus menggunakan web hosting lain yang berbasis PHP dan MySQL.

Untuk langkah pertama ini, jika anda berminat silahkan buat account di webhosting lain yang berbasis PHP & Mysql. Saya anjurkan, daftar di http://www.ueuo.com. Selain gratis, kita juga mendapatkan cpanel lengkap dengan file manager dan database Mysql with PHPMYADMIN

Ikuti terus blog ini untuk membuka tabir dahsyatnya PHP MySql. Hanya jika anda memang ingin total di internet, mulailah paling tidak belajar sedikit dasar-dasar bahasa HTML murni. Karena jika tidak. Tak ada gunanya anda baca artikel ini dan kelanjutannya. Hanya membuat kepala anda pusing dan mual.

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, Form Login PHP di Blogger dan Form Sign Up PHP di Blogger.
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 "forgotpass.php" kemudian submit (Lihat Contoh Gambar). Anda akan di bawa ke halaman textarea.
4. Isi Script berikut (lihat script forgotpass.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 File manager, contreng kotak kecil di depan Login.php kemudian klik tombol Edit. Seperti Tampak pada Gambar (Contoh Gambar )
6. Pada Textarea Login.php, Cari Script seperti tampak di bawah ini

   $form .="<tr><td><input type='submit' name='submit' value='sign in'></td><td><a href='http://blogproject.ueuo.com/daftar.php'>Sign Up</a></td></tr>";

7. Sisipkan script dibawah ini persis dibawahnya

   $form .="<tr><td colspan='2'>[ <a href='http://blogproject.ueuo.com/forgotpass.php'><b>Forgot Password ?</b></a> ]</td></tr>";

8. Ganti text berwarna merah dengan alamat hosting anda di ueuo.com, lalu di SAVE
9. Silahkan lihat hasilnya di blog anda, pada area FORM LOGIN akan tampak link bertuliskan [ Forgot Password ?? ].
10. Klik Link tersebut dan hasilnya kira-kira akan tampak seperti gambar ini (Contoh Gambar)
11. Jika anda mengisi account yang benar password akan dikirim ke alamat Email members anda

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 TentangAdmin Area dan Forgot Password

Dibawah ini adalah langkah-langkah yang digunakan untuk membuat MEMBER LIST 

1. 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, Form Login PHP di Blogger dan Form Sign Up PHP di Blogger.
   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 "memberlist.php" kemudian submit (Lihat Contoh Gambar). Anda akan di bawa ke halaman textarea.
   4. Isi Script berikut (lihat script memberlist.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. Tahap akhir adalah menyisipkan MEMBER LIST pada Blogger.com. Masuk ke Account Blogger > layout > Add A Gadget > HTML/Javascript > Copy paste script berikut
      <script src="http://blogproject.ueuo.com/memberlist.php</a>" type="text/javascript"></script>

1. Ganti text yang berwarna merah dengan alamat hosting anda, kemudian simpan
2. Hasilnya kira-kira seperti ini Lihat Contoh Gambar.

Dibawah ini adalah langkah-langkah yang digunakan untuk membuat MEMBER AREA Tahap Pertama

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, Form Login PHP di Blogger , Form Sign Up PHP di Blogger dan Member List PHP di Blogger.
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.
4. Buka Notepad di komputer anda dan salin script ini ( lihat script memberarea.php ) , setelah itu save as memberarea.php
5. Pada File Manager anda cari fasilitas UPLOAD, upload file memberarea.php diatas.
6. Buka kembali Notepad anda dan salin script ini (lihat script jumpmemberarea.php), setelah itu save as jumpmemberarea.php
7. Upload file jumpmemberarea.php pada File manager
8. Buka kembali file memberlist.php anda pada File Manager, kemudian edit
   cari script berikut ini
   echo"document.write(\"<tr><td><a href='$hsl[url]' target='_blank' style='text-decoration:none'>$hsl[nama]</a></td></tr>\");";
   rubah menjadi seperti ini
   echo"document.write(\"<tr><td><a href='$hsl[url]' target='_blank' style='text-decoration:none'><img src='http://www.blogger.com/img/b16-rounded.gif'></a> <a href='http://blogproject.ueuo.com/jumpmemberarea.php?id=$hsl[id]'>$hsl[nama]</a></td></tr>\");";
   
9. Buka kembali file kirim.php anda pada File Manager, kemudian edit. Cari Script berikut ini
   session_register("namauser");
   $_SESSION[namauser]="$row[nama]";
   Tambahkan script berikut di bawahnya
   setcookie("idyou","$row[id]");
10. Langkah selanjutnya adalah Membuat Hidden Layer di Blog, masuk ke Layout Blog anda, kemudian add a Gadget, insert script berikut pada widget tersebut
    <script src="http://blogproject.ueuo.com/memberarea.php" type="text/javascript"></script>
    ganti text warna merah dengan alamat web di ueuo.com, Setelah di Save, pastikan posisi widget ini tepat berada di atas widget Blog Post.
11. Pada Layout, klik Edit HTML, cari posisi widget tersebut, sebagai patokan, karena lokasinya diatas Blog Post, gunakan fasilitas Find pada komputer anda,untuk mencari text "Blog Post", setelah ketemu, lihat kode script widget diatasnya. misalnya seperti ini,
    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='HTML3' locked='false' title='' type='HTML'/>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    <b:widget id='HTML1' locked='false' title='' type='HTML'/>
    <b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
    </b:section>
    </div>
    text warna merah berada diatas widget Blog Posts, merupakan widget yang kita cari, ingat id nya, pada contoh diatas id nya adalah HTML3, setelah itu contreng Expand Widget Templates kemudian gunakan fasilitas FIND lagi untuk menemukan lokasi id, ketik id nya pada FIND, pada contoh diatas ketik HTML3, setelah ditemukan scriptnya mungkin sama seperti ini
    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='HTML3' locked='false' title='' type='HTML'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    pada script yang berwarna biru ubah menjadi
    <div class='widget-content' id='memberarea' style='display:none'>
12. Silahkan uji coba memberarea anda dengan mengklik link text pada member list anda.
13. Contoh nya bisa anda klik ini DEMO
14. Semoga Berhasil

Seperti yang sudah saya utarakan pada artikel sebelumnya, bahwa Blogger.com tidak mendukung atau mengizinkan PHP MYSQL, berbeda di banding WP. Tapi meskipun begitu para pecinta blogspot tak harus mengambil keputusan hengkang dari blog punya google ini. Di Dunia internet tidak ada yang mutlak, selalu ada sela yang bisa dimanfaatkan. Kalau di WP para webprogram membuat plugin PHP kemudian di insert ke blog. Kenapa tidak kita manfaatkan jendela iframe untuk menyisipkan PHP ke Blogspot. Jika masih belum terlalu paham tentang IFRAME bisa anda baca beberapa artikel saya tentang iframe misanya IFRAME MENEMBUS BATAS. Sekedar untuk menyegarkan, script untuk memasang iframe di blog adalah seperti ini

<iframe src="http://webhostingberbasisphp.com/index.php"></iframe>

src="http://webhostingberbasisphp.com/index.php", alamat ini hanya sekedar ilustrasi saja. Prinsipnya bahwa PHP pun bisa di insert ke blogspot melalui jendela iframe. Oleh karena itu agar program PHP bisa kita mainkan di blogspot, syarat utamanya adalah kita harus memiliki WEBHOSTING BERBASIS PHP dan MYSQL. Ada banyak Website yang menyediakan fasilitas FREE WEBHOSTING PHP, anda bisa cari sendiri via google atau menyewa PREMIUN WEBHOSTING PHP. Ada berbedaan mendasar diantara keduanya. Umumnya Free Webhosting PHP menyelipkan Iklan banner maupun iklan Popup pada webspace yang diberikan sedangkan yang Premium/berbayar bebas iklan. Kalau Anda memiliki sedkit kelebihan uang, sebaiknya menggunakan yang PREMIUM saja. Untuk Free web hosting, ada banyak, tapi sesuai pengalaman sendiri menggunakan free, anda bisa coba di http://www.ueuo.com. Ini hanya sekedar contoh, anda bisa menggunakan situs web yang lain yang menurut pertimbangan anda jauh lebih baik.

Pada prinsipnya WEBHOSTING BERBASIS PHP memiliki beberapa karakteristik yang sama.

• • Setelah mendaftar, kita akan mendapatkan Alamat Hosting dan ACCOUNT MEMBER, dikirim via email, aktifasi dan siap lOGIN

• • Cari Members Area, isi username dan password seperti biasa

• • Setelah dianggap sah, akan jump ke pilihan cpanel

• • Dua hal yang harus ada yaitu : FILE MANAGER dan PHPMYADMIN (namanya bisa beda tetapi penggunaannya sama)

• • File Manager biasanya berisi fasilitas untuk Create file dan folder, Upload file via browser atau FTP (File Transfer Protocol).

• • PHPMYADMIN digunakan untuk menata MYSQL DATABASE

Bagi yang sudah familiar atau pernah membuat account webhosting PHP silahkan menggunakan apa yang sudah ada, bagi pemula, jika anda tertarik mengikuti tutorial PHP MYSQL di Blog ini, sebaiknya menggunakan FREEWEBHOSTING PHP seperti yang saya anjurkan diatas, karena saya sendiri, pada blog ini menggunakan fasilitas www.ueuo.com, alamat saya adalah http://abdgamal.ueuo.com/index.php

Catatan : Bagi yang ingin mengikuti tutorial PHP ini, pastikan anda memberi komentar pemberitahuan atau umpan balik jika sudah berhasil membuat account di webhosting berbasis php, termasuk web server yang digunakan (jika tidak menggunakan seperti yang saya anjurkan seperti diatas).

Selamat mencoba dan tunggu artikel berikutnya yang membahas bagaimana membuat project BLOGLIST BERBASIS PHP

bersambung

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....

Berikut ini adalah script-script yang digunakan untuk membuat fasilitas Widget EDIT ACCOUNT PHP

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, Form Login PHP di Blogger , Form Sign Up PHP di Blogger, Member List PHP di Blogger dan Member Area PHP di Blogspot.
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. Setelah mengisi form, akan muncul file manager seperti gambar ini contoh gambar
4. Cari File memberarea.php, kemudian klik link "EDIT"
5. Dibawah script

   $anda .="<legend>Profil</legend>";
   
   tambahkan script ini

   if($_SESSION[namauser]=="$hsl[nama]")
   {
   $anda .="<div align="right" style="padding-right:10px"><a href="http://abgamal.blogspot.com/?mode=editprofil" style="text-decoration:none"><b>Edit Profil</b></a></div>";
   }

6. Kadang-kadang pada ueuo.com terjadi BAD REQUEST, jika hal ini terjadi maka gunakan cara lain, copy semua script file memberarea.php di NOTEPAD, kemudian edit seperti point 5, dan save as memberarea.php, kemudian upload ke server UEUO.COM
7. Tambahkan script ini persis dibawah session_start();
   
   $ref="$_SERVER[HTTP_REFERER]";
   $ref=explode("?",$ref);
   $ref=explode("&",$ref[1]);
   $ref=explode("=",$ref[0]);
8. Persis diatas script

   $anda .="<table cellpadding="2" cellspacing="2" width="100%" style="font-family:verdana;font-size:10px">";
   
   Tambahkan script ini

   if($ref[0]=="" && $ref[1]=="")
   {
   
   dan persis di bawah script ini

   echo"document.write('$anda');";

   Tambahkan tanda

   }
   else
   {

9. Setelah itu tambahkan lagi dibawahnya script berikut ini

   if($_SESSION[namauser]=="$hsl[nama]")
   {
   $editprofil="<fieldset style="padding: 2;width:422px;border:1px solid #bbbbbb;font-family:verdana;font-size:10px">";
   $editprofil .="<legend>Edit Profil <b>$hsl[nama]</b></legend>";
   $editprofil .="<table cellpadding="2" cellspacing="2" width="100%" style="font-family:verdana;font-size:10px">";
   $editprofil .="<form method="post" action="http://blogproject.ueuo.com/editprofil.php">";
   $editprofil .="<input type="hidden" name="id" value="$hsl[id]">";
   $editprofil .="<tr align="left"><td>Nama</td><td><input type="text" name="nama_dpn" value="$hsl[realname]" size="40"></td></tr>";
   $editprofil .="<tr align="left"><td>Email</td><td><input type="text" name="email" value="$hsl[email]" size="40"></td></tr>";
   $editprofil .="<tr align="left"><td>Url</td><td><input type="text" name="url" value="$hsl[url]" size="40"></td></tr>";
   $editprofil .="<tr><td colspan="2" align="right"><a href="http://abgamal.blogspot.com" style="text-decoration:none"><b>Cancel</b></a> <input type="submit" name="editprofil" value="Update"></td></tr>";
   $editprofil .="</table>";
   $editprofil .="</form></fieldset>";
   echo"document.write('$editprofil');";
   }
   else
   {
   ?>
   alert('anda harus login sebagai member');
   window.location="http://abgamal.blogspot.com";
   <?
   }
   }

10. Kemudian pada Notepad buat File editprofil.php, scriptnya adalah (Script editprofil.php) kemudian upload ke server ueuo.com
11. Ganti text warna merah dengan alamat blog anda dan ganti text warna biru dengan alamat anda di ueuo.com
12. Selamat Mencoba

Pada artikel ini, akan di jabarkan langkah-langkah membuat VIEW BLOGLIST. Langkah-langkahnya adalah :

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, Bloglist Berbasis PHP, Form Input Bloglist Berbasis PHP.
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 "viewbloglist.php" kemudian submit (Lihat Contoh Gambar). Anda akan di bawa ke halaman textarea.
4. Isi Script berikut (lihat script viewbloglist.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. Langkah Selanjutnya adalah buka jendela baru masukkan alamat ini http://blogproject.ueuo.com/viewbloglist.php (jangan lupa ganti tulisan "blogproject.ueuo.com" dengan alamat hosting anda sendiri) kemudian lihat hasilnya.
6. Jika tidak ada masalah akan muncul halaman seperti ini (lihat Contoh Gambar) .
7. Sebagai Uji Coba, Silahkan tekan tombol form "add", akan muncul jendela popup "form input bloglist" (lihat Contoh Gambar). Isi Form input bloglist tersebut lalu tekan tombol input (lihat Contoh Gambar).
8. Setelah berhasil di eksekusi, tekan tombol "refresh" untuk melihat hasilnya. (lihat Contoh Gambar)
9. Langkah selanjutnya adalah memodifikasi tampilan atau style css view bloglist agar sesuai selera masing-masing.
10. Kembali ke File Manager, ceklist "viewbloglist.php", lalu tekan tombol edit (lihat Contoh Gambar)
11. Pada area Edit, ikuti langkah-langkah ini untuk mengedit background halaman dan ukuran view bloglist (lihat langkah-langkah)
12. Langkah selanjutnya adalah memasukkan bloglist berbasis PHP ini ke Blogger.com melalui Iframe. Buka Account di Blogger.com > layout > Add gadget > add html/javascript >
13. Masukkan script dibawah ini
    <div><b>Daftarkan Blog Anda disini</b></div>
    <iframe id="fr" scrolling="no" width="210px" frameborder="0" src="http://blogproject.ueuo.com/viewbloglist.php" name="fr" height="450px"/></iframe>

    Ganti text yang berwarna merah dengan alamat hosting php anda, ganti ukuran bloglist seperti yang ditunjukkan text warna hijau sesuai selera dan sesuaikan dengan ukuran bloglist di hosting php anda. Sebaiknya ukuran lebar dan tinggi iframe melebihi ukuran bloglist minimal 5 px, atau tergantung bagaimana modifikasi anda sendiri.

14. Jika berhasil hasilnya akan menjadi seperti ini View Bloglist
15. Terakhir tinggal bagaimana cara anda mengubah tampilannya sesuai selera masing-masing. Semoga Berhasil