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
    

Related Posts by Categories