Loading ... ... Please wait!

Kamis, 16 April 2009

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



37 comments:

ruzh jobs mengatakan...
mas, thx ya tutorialnya...

sy ada masalah nih, saya udah ikutin langkah2nya, pas saya coba login, kok gak muncul reaksi apa2/tetep sama dengan gak login (gak muncul ucapan selamat datang atau gak muncul halaman khususnya), kenapa ya mas? bantuin dong mas........
admin mengatakan...
@ruzh jobs, thanks udah beri komentar dan di ingatkan, sorry itu kesalahan saya, sudah saya update kembali, silahkan ikuti langkah no 9
ekosulistio mengatakan...
dicoba ah..... thanks ya bro..moga aja bverhasil
ruzh jobs mengatakan...
mas, masih belum berhasil nih, salah dimananya ya?

udah login tapi kok sama aja kayak belum login, gak ada tulisan logout atau gak bisa masuk member area... bantuin dong mas :)

ada ym ga mas? mau nanya2 nih
stasiun ramal mengatakan...
numpang baca mas......
Ombung (^ ; ^)v mengatakan...
kunjungan pagi tuk belajar
Hangga Nuarta mengatakan...
Wah... mas pinter banget yah PHPnya...

Em... kalau member area ini seperti situs2 jualan ebook itu nggak mas? Kalau kayak gitu ya enak... :D
Ferdian Karambut mengatakan...
om.. mohon ijin untuk diimplelemtasiiin yah
thx
iskandaria mengatakan...
Mau nyoba ah kalo gitu. Keren banget kayaknya.
KOESnadi mengatakan...
Wah mantap bener ini blog...pingin belajar PHP
Edhie Baskoro Yudhoyono Muda Cerdas Jujur Peduli Rakyat mengatakan...
wah emang jadi tamabah keren....tp aku jadi bgg nih...wakakakakkakaa
Zhona Blogger mengatakan...
Wau keren banget, tapi saya masih bingung, maklum masih pemula. oh ya bisa ajarin aku dari awal ngak?
3ndur0 mengatakan...
wah sepppp mana ni shoutmixnya sob kok G bisa dibuka
tito mengatakan...
komen dulu ya mas, baca belakangan hehe...
dari judulnya juga udah keliatan kalo tipsnya bagus bgt... good post! :)
Rinto mengatakan...
wah...pusing mas....
aalil blog mengatakan...
mantaaabb pak... di baca dulu ah...
Reza Fauzi mengatakan...
ih sumpah keren abis tutornya...
Generation Of Inspirations mengatakan...
carae kamu kok ada toolbar start nya gitu gmn?

blog u bgus bgt??

mampir balik youw??

tpi blog q jelek
Agus mengatakan...
Makasih mas tutorialnya selama ini n bantuanya setiap kali q tanya.... hehehe
Sering bgt neh q tanyanya, n sekarang juga mau tanya lagi... hehehe moga ga bosen ya mas...

Ini soal member listnya, kalau dibuat kayak list blog tukeran link yang ada di blog saya (http://maz-agus.blogspot.com/2009/02/tukeran-link-yuk-cara-baru.html ) bisa ga ya kira2?? cz biar ga memanjang ke bawah saja, tapi kesamping dulu baru ke bawah... hehehe
DhiTa ♥ bLuE mengatakan...
kunjungan kembali..
stasiun ramal mengatakan...
kunjungan rutin di pagi hari......
Hendi surya lubis mengatakan...
mas makasih bgt atas tutorialnya...tapi fasilitas di member area seperti edit profil, ganti password sama upload gambar kayak mana bikinnya...? trus cuma mo ngingetin di script jumpmemberarea kayaknya ada yang salah mas....ni yang menurut saya salah...header('location:http://blogproject.ueuo.com/signin.php');....tutorial yang terdahulu kan login.php mas...bukannya signin.php, ditinjau lagi ya mas, thanks saya tunggu jawaban n tutorialnya yang lain, sukses selalu...jangan bosen ngasih ilmunya ya.....
Kartolocyber mengatakan...
Cukup rumit tapi insya Allah akan saya coba kalau sempat. Sukses deh projectnya om gamal..
Indonesiana mengatakan...
maksud hidden layer itu apa?
Muhammad Ali mengatakan...
aq dah mengikuti smua langkah tutor membuat member area,tapi waktu aq cba singup.dan dah berhasil,lalu aq cek di email.ternyata di email tak ada....gmana ya?
HUTABARAT mengatakan...
mas minta tlng dong dibuatin member area di blog saya ....aku ganti deh pulsa gprs mas... bls ya mas , ini alamat email saya bastenboy@gmail.com trims
*~Rizky Hacker~* mengatakan...
om liat di blog qu dah jadi http://www.rizkycreative-xp.co.cc/
yang kurang pas saya coba daftar email nya gak masuk ke imel qu yang lain kenapa yah
Rizky-xp mengatakan...
ah akhir nxa selesai mas mantab
liat neh http://rizkyxp.blogspot.com/
bagi yg belom berhasil coba aja dolo wkwkwk...
Fajar mengatakan...
wah wah barusan dapet ni tutorial setelah googling sana sini
Anonim mengatakan...
Terima kasih Om, dah dapet pencerahan, di sini. Mohon izin trus belajar di sini ya Om
Anonim mengatakan...
File kirim.php dimana ?
Planet Pengetahuan mengatakan...
waduh saya bingung nih,,
sdnmuncar02 mengatakan...
mohon ijin praktek bos...
infoguesthouse mengatakan...
nice info gan
Donie Abdullah mengatakan...
bacanya aja pala udah mumet ..Di pelajari dlu deh ,,heheh
ical mengatakan...
sip banget ini yg saya cari2
investasi online mengatakan...
bingung seribu keliling

Posting Komentar

 
 
 
 
 
 


CLOSE
MAIN MENU
REFRESH