Edit Account PHP

Salah satu widget yang sangat penting pada Member Area adalah Fasilitas Edit Account atau Edit Profile. Gunanya adalah untuk memberikan hak akses buat Member mengganti atau merubah data Profile atau Account.

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
    
    

Selanjutnya...

Member Area PHP di Blogspot

Setelah berhasil membuat Member List di blogspot, tahap berikutnya adalah membuat Member Area. Member Area adalah halaman bagi para member anda yang digunakan untuk berbagai manfaat misalnya untuk Mengedit Account, Mengatur Hak Akses dan menata Admin Area, Sosial Networking dan Members Networking dan banyak lagi tergantung tema dari blog masing-masing.

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
    

Selanjutnya...