Ok, setelah beberapa waktu bermalas-malas menulis disini, mungkin tulisan ini berguna bagi yang sering bertanya mengenai bagaimana nge-begini-begitu-in profil Friendster. Mungkin sebelum membaca tulisan ini, ada baiknya membaca terlebih dahulu tulisan saya mengenai layout friendster berikut:
- Panduan Membuat Layout Overlay Friendster
- Customizing Friendster Layout
Baik, mungkin sedikit mengulang mengenai profil Friendster Overlay, teknik overlay disini seperti ini:
“Saat browser kita me-load halaman profile Friendster, kita sisipkan suatu perintah javascript untuk memanggil halaman baru yang akan me-nimpal (meng-override atau meng-overlay) halaman profile Friendster kita yang asli. Dimana halaman baru ini merupakan suatu tampilan profile Friendster yang telah kita kostumasi sedemikian rupa agar tampak beda.”
Nah, untuk “halaman baru” ini bisa kita buat dengan program semisal Adobe Photoshop dan Dreamweaver, atau Frontpage atau apapun program favorit kamu untuk membuat atau mendesain tampilan web (halaman web-site).
Ya, “halaman baru” yang dimaksud disini adalah sama dengan 1 halaman yang mempunyai tampilan web seperti website lainnya. Hanya saja, disini, kita akan meng-khusus-kan agar si halaman baru ini mewakili atau isinya mengenai profil kita di friendster.
Sebagai contoh, ini ada 1 desain layout FS yang dulu pernah saya pakai:
Klik pada gambar untuk memperbesar.
Untuk mendownload file sumber (html dan gambar) pada server 1, klik disini.
Untuk mendownload file sumber (html dan gambar) pada server 2, klik disini.
Untuk tahap awal, silahkan download file sumber dan edit seperlunya.
Adapun hal-hal yang perlu di edit adalah:
- kode userid FS
Untuk mengganti userid, buka file template1.html dengan notepad atau program html editor semisal Dreamweaver dan cari kode ini: uid=14340520 kode angka 14340520 merupakan kode userid saya di Friendster, jadi silahkan ganti dengan userid FS anda.
- kode id cbox
Bagi yang belum tahu apa itu cbox: cbox merupakan media chat secara online yang bisa dipasang pada blog atau website. Silahkan menuju halaman http://www3.cbox.ws untuk berlangganan dan ganti kode berikut ini:
< -- BEGIN CBOX -- >
< -- disini ada kode-kode cbox, kalo mau, silahkan daftar aja dulu ke http://www3.cbox.ws -- >
< -- END CBOX -- >
- profil FS saya
Ya, isi aja dengan profil FS kamu, cukup copy paste aja lah…
- Silahkan ganti saja apa yang menurut anda perlu :p
Silahkan upload gambar pada folder images ke situs image hosting semisal http://imageshack.us
Setelah anda mengupload gambar-gambar pada folder images, silahkan ganti link gambar pada file template1.html dan ganti dengan alamat link gambar yang telah anda upload.
Ganti alamat yang ada pada doublequote-nya misal:
Dimana http://imageshack.us/2_01.jpg merupakan alamat link gambar yang telah anda upload. Lakukan hal yang sama pada semua gambar.
Ok, setelah anda mengganti semua alamat link, silahkan buka halaman www.markyctrigger.com dan pilihlah (klik) OGStandard 11 sehingga muncul jendela berikut:
Buka file template1.html tadi dengan notepad dan Pilih Semua text yang ada dengan memencet tombol Ctrl+A kemudian Copy dan Paste di jendela di halaman www.markyctrigger.com, pada bagian Step 1 (Insert your Html codes Here).
Kemudian klik tombol Generate!.
Silahkan Copy kode baru yang muncul dan Paste di bagian Add Media pada profile Friendster kamu (editskin).
Silahkan berkreasi dengan mendesain tampilan yang baru, edit gambarnya atau sekalian saja membuat gambar background baru, ganti dengan foto kamu kalo perlu.
Met berkreasi ya… ^_^
Oh iya, sedikit tambahan dari bang P-Man:
Berikut adalah beberapa tulisan saya mengenai Friendster Layout yang mungkin berguna:
- Panduan Membuat Layout Overlay Friendster
- Mengganti Background di Friendster
- Membuat Overlay Friendster -Komplit Bo
- Customizing Friendster Layout
Untuk cara bagaimana menyimpan atau meng-upload gambar ke internet alias tempat hosting image semisal Imageshack, baca artikel ini:
Upload Image di Imageshack.us Untuk Friendster-an.
read more...
- Panduan Membuat Layout Overlay Friendster
- Customizing Friendster Layout
Baik, mungkin sedikit mengulang mengenai profil Friendster Overlay, teknik overlay disini seperti ini:
“Saat browser kita me-load halaman profile Friendster, kita sisipkan suatu perintah javascript untuk memanggil halaman baru yang akan me-nimpal (meng-override atau meng-overlay) halaman profile Friendster kita yang asli. Dimana halaman baru ini merupakan suatu tampilan profile Friendster yang telah kita kostumasi sedemikian rupa agar tampak beda.”
Nah, untuk “halaman baru” ini bisa kita buat dengan program semisal Adobe Photoshop dan Dreamweaver, atau Frontpage atau apapun program favorit kamu untuk membuat atau mendesain tampilan web (halaman web-site).
Ya, “halaman baru” yang dimaksud disini adalah sama dengan 1 halaman yang mempunyai tampilan web seperti website lainnya. Hanya saja, disini, kita akan meng-khusus-kan agar si halaman baru ini mewakili atau isinya mengenai profil kita di friendster.
Sebagai contoh, ini ada 1 desain layout FS yang dulu pernah saya pakai:
Klik pada gambar untuk memperbesar.
Untuk mendownload file sumber (html dan gambar) pada server 1, klik disini.
Untuk mendownload file sumber (html dan gambar) pada server 2, klik disini.
Untuk tahap awal, silahkan download file sumber dan edit seperlunya.
Adapun hal-hal yang perlu di edit adalah:
- kode userid FS
Untuk mengganti userid, buka file template1.html dengan notepad atau program html editor semisal Dreamweaver dan cari kode ini: uid=14340520 kode angka 14340520 merupakan kode userid saya di Friendster, jadi silahkan ganti dengan userid FS anda.
- kode id cbox
Bagi yang belum tahu apa itu cbox: cbox merupakan media chat secara online yang bisa dipasang pada blog atau website. Silahkan menuju halaman http://www3.cbox.ws untuk berlangganan dan ganti kode berikut ini:
< -- BEGIN CBOX -- >
< -- disini ada kode-kode cbox, kalo mau, silahkan daftar aja dulu ke http://www3.cbox.ws -- >
< -- END CBOX -- >
- profil FS saya
Ya, isi aja dengan profil FS kamu, cukup copy paste aja lah…
- Silahkan ganti saja apa yang menurut anda perlu :p
Silahkan upload gambar pada folder images ke situs image hosting semisal http://imageshack.us
Setelah anda mengupload gambar-gambar pada folder images, silahkan ganti link gambar pada file template1.html dan ganti dengan alamat link gambar yang telah anda upload.
Ganti alamat yang ada pada doublequote-nya misal:
Dimana http://imageshack.us/2_01.jpg merupakan alamat link gambar yang telah anda upload. Lakukan hal yang sama pada semua gambar.
Ok, setelah anda mengganti semua alamat link, silahkan buka halaman www.markyctrigger.com dan pilihlah (klik) OGStandard 11 sehingga muncul jendela berikut:
Buka file template1.html tadi dengan notepad dan Pilih Semua text yang ada dengan memencet tombol Ctrl+A kemudian Copy dan Paste di jendela di halaman www.markyctrigger.com, pada bagian Step 1 (Insert your Html codes Here).
Kemudian klik tombol Generate!.
Silahkan Copy kode baru yang muncul dan Paste di bagian Add Media pada profile Friendster kamu (editskin).
Silahkan berkreasi dengan mendesain tampilan yang baru, edit gambarnya atau sekalian saja membuat gambar background baru, ganti dengan foto kamu kalo perlu.
Met berkreasi ya… ^_^
Untuk mendownload Overlay Friendster yang sudah jadi, silahkan lihat dan download di: all-about-friendster.blogspot.com
Atau, silahkan lihat bacaan berikut agar lebih jelas:
- Mengganti Background di Friendster
- Membuat Overlay Friendster -Komplit Bo
- Panduan Membuat Layout Overlay Friendster
- Customizing Friendster Layout
Oh iya, sedikit tambahan dari bang P-Man:
Sebenernya semua tutorial mengenai overlay or add-on FS ada di situs www.markyctrigger.com …trus biar lebih jelasnya masuk forumnya.
Prinsip dasarnya :
1. Anda harus mengenal terlebih dahulu bahasa .html atau action script flash (itu pilihan; kaya bikin website)
2. Untuk grafisnya anda bisa bikin sendiri (mau itu pake photoshop, etc.)
3. Ada “module” (untuk menampilkan foto, comment, profile, menu, etc.) yang harus anda masukkan ke dalam file .html atau flash anda. Dan letaknya bisa anda custom sendiri. “Module” terkadang di update (cek di forum markyctrigger) karena FS sering meng-update sistem mereka.
4. File .html ato flash anda yg telah jadi harus di generate memakai overlay generator (OG) yang disediakan di http://www.markyctrigger.com (pilihan OG sesuai kebutuhan anda).
5. Setelah di-generate biasanya anda harus meng-upload ke Media Area di FS. Tapi sebelumnya tekan “Revert” terlebih dahulu sebelum anda “save” script yg telah di generate td tsb.
Untuk mendownload Overlay Friendster yang sudah jadi, silahkan lihat dan download di:
all-about-friendster.blogspot.com dan
Unique Friendster Layout
Berikut adalah beberapa tulisan saya mengenai Friendster Layout yang mungkin berguna:
- Panduan Membuat Layout Overlay Friendster
- Mengganti Background di Friendster
- Membuat Overlay Friendster -Komplit Bo
- Customizing Friendster Layout
Untuk cara bagaimana menyimpan atau meng-upload gambar ke internet alias tempat hosting image semisal Imageshack, baca artikel ini:
Upload Image di Imageshack.us Untuk Friendster-an.
