Membuat Overlay Friendster -Komplit Bo
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… ^_^
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.
Tulisan ini diterbitkan pada 28 January 2008 jam 7:07 am
dan di simpan pada kategori Friendster, Social Network.
Anda bisa mengikuti respon/balasan terhadap tulisan ini melalui feed RSS 2.0.
Atau, anda juga bisa meninggalkan pesan, komentar/ trackback dari blog/situs anda.
Dilarang mencopy atau menjiplak, baik sebagian atau seluruh tulisan tanpa seizin penulis, tapi terserahlah... asal kasih link ke halaman ini aja 
[...] Lihat selengkapnya… [...]
Bos Bikinin dsigne layout dunk yang bagus…..
Bos Bikinin dsigne layout fs dunk yang bagus…..
buatin layout fs gw yg style naruto y
thanks
mas… sy dah coba teknikx..
kebetulan sy dikit tw tentang HTML dan css..
berhasil seh iya..
tp kok tampilanx hanya dpat dipreview pada saat -
user lagi Login aja?
kalo gak Login yg tampil cuma halaman original fs
tp tuk tampilan yg sy buat gak terbuka
malah ada Box peringatan acount overlaid
terus dimintain Login!!
tdix sy pke OG standard trus sy coba beralih
ke OG flash dan OG+, tpi hasilx tetap sama..
teman2 gw kesusahan tuh klo mw preview fs gw..
coz tiap mw lihat Fs gw hrus Login user dulu..
menurut mas kira2 dimana letak kesalahanx?
Thaks….
Maaf sebelumnya…
berhubung sedang sibuk untuk skripsi dan tugas akhir, untuk saat ini, saya tidak bisa membuat-kan desain layout buat teman2, paling juga saya hanya akan memberikan beberapa desain layout yang dulu pernah saya pakai… sorri ya..
untuk mas Zagi, memang seperti itu, klo mw lihat Fs yang overlay hrus Login user dulu, tapi coba aja men-cek-list Profile Chooser saat meng-generate kode di Markyctrigger.
Klo menurut saya, mending seperti itu, jadi yang liat FS kita keliatan, siapa-siapanya gitu.. :p
code buat comment nya bikinin donk mas…..
saya bingung gimana caranya buat bacground untuk friendster saya….
dari tadi saya nyari ga ketemu2…..
biasanya kalo mw buat bacground tuh di http://www.layout.com
tapi kok ga bisa ya??????
tolong kasih taw caranya dong????????!!!!!!!!
bales secepatnya ^^
Oh… Jadi Kalo mau BiKin Dsini Harus Punya Bekal yah..
Gmn Kalo yang Ga PuNya BeKal ??
apa ada Jlan PiNtasNya ??
yaa.. Kali aja ada Saran Buad yang PiNgin bikin.. tp gag ngerti apa2 yang di atas ???
thx…
kalo bisa lebih detail ^o^..
hihi.. :p
THX A LOT !!!!!!!
eh mas mas q dah nyoba
tapi kog backgroundya jadi item???
padahal q cumant ganti nama tittle
hobby dkk
tapi backgroundnya jadi kayak gitu
malah gag kayak seperti background fs yang ada di gambar atas itu
cara ganti backgroundnya dengan gambar sendiri gemana nui??
apa bisa pake yg ini?
background-image: url(http://i241.photobucket.com/albums/ff319/fs-layouts1/fslybg/2008/03/1/1.jpg);
kalo ia di paste di sebelah mana??
thx a lot!!
Saya ingin tanya
saya sudah pake http://www.markyctrigger.com sbg generator overlay saya
tapi dah ga bisa
situs lain yang bisa apa yaa
untuk mengganti background, silahkan buka file html yg didownload dan buka dengan notepad/wordpad, kemudian cari kata ‘img source’ yang mengarah ke gambar di folder images ‘/images/*.jpg’ dan ganti dengan alamat gambar yang anda mau.
OK.
Selain pake markyctrigger, bs jg pk Ripway, brhubung blm prnah coba, monggo cari aj di google.
nb: sori, ni bls dr hp, jd agak pendek..
[...] nb: Lebih lengkap lagi, baca disini: Membuat Overlay Friendster -komplit bo [...]
waaaaaaaaa ….
udah cape2 ngedit sana sini …
pas waktunya upload …
fs update ….
apes bner ni malm-pagi …
….
btw thanks yo mas …
jadi blajar html dikit2 ….
bos bkinin layout background fs gw yang gambar blink 182
pliz
sOb,,,,,buAtin gw laYout yg keren dunk….
kalo bisa yang girly
weleh… bagus dech kayaknya… bikinin dunk lyout britney na jadi langkh satu nya bisa aq lewatan soalnya bingunk…. tolonk ya kirim ke mail saya… plzzzzzzzz…. saya tunggu banget
Hagz……….
IDE baru ……!!!!
Oia.. untuk free layout dan glitter commentnya bisa liat di friendsterclass.com
aduuuuh, aq msh blm ngrti neh???
ada penjelasan yg lebih mendetail g??
aku mau tanya dimana letaknya kode userid fs sendiri
di sini mas:
http://all-about-friendster.blogspot.com/2008/03/get-your-friendster-user-id.html
missiii mampir ya,,,nih saya pelajri di sites ini terus saya coab pakek baground a
g p2 kan..hihihih
bikinin overlay pada fs ku zaaaaaaaaaaaaaaaaa
please!!!!!!!!!!!!!!!!!!!!!!!!!!!11
Salam, Mas Chandra…
Mo nanya nih.. Di Header kan ada Foto mas, trus saya mau ganti.
Di mana ya link-nya ?
Apa itu termasuk dalam image friendster atau mas buat sendiri ?
Sukses buat Skripsinya, mas !
Maaf pada semua yang meminta dibuatkan Overlay :-p
mas Ipenk:
foto diem yang ada di header adalah gambar, silahkan diganti saja. untuk foto 4 biji yang bergerak menyamping, itu diambil dari foto profil FS kita.
Untuk lebih jelas, klik kanan gambarnya dan liat linknya ya.
Siiip…
Skripsi masih koq, mandeknya… :p
saya sudah coba langkah2nya ternyata gak bisa mas
apa sekarang emang gak bisa yah friendsternya diakalin????
plis minta solusinya
terima kasih
Yup, makasih Mas…
Saya doakan biar skripsinya lancar lagi…hehehe…
Sama2 sukses…:D
Amien
ass.
aq.. dea,,,
btw, dhe baru belajar tentang internet,, n baru buat fs,,, bikinin dhea,,,, fs yang bagus,keren, n menarik dunk,, please….!!!!!
buatin g profile layout ma back garound dunk
atau cara nya aja
g masi gak ngerti ma yg dibilangin diatas trus cursor nya mau diaganti jyga giman caranya
[...] Ok, setelah beberapa waktu bermalas-malas menulis disini, mungkin tulisan ini berguna bagi yang seri… – Panduan Membuat Layout Overlay Friendster – Customizing Friendster Layout [...]
Asw, mas saya uda ngcopy fs overlaynya tpi kok gk bs2 wktu masukin di fs saya tolong bantuannya^_^
tks ya
Very good web site, great work and thank you for your service.n
kA, cAriin LayouT iANk sEEp..lAa????? buat aQOh..
tEngZ bEFore aa..
waduh mas….
ma ksih bgt atas adanya situs xm….tapi sebagian aq msih lom ngerti…mnta bantuannya dunk…ini aq lagi bt fs agar semua tampilan sperti blog..gmna carana ya…..
ma ksih
bales di email saya jg boleh.. vj.aan_90@yahoo.com
bozs klo bole tanya ni kan di marky cuma bertahan hanya ampe 1-3 minggu, klo bisa situs laen yg bisa
generator tanpa update…
hehe…
thankz atas Bantuan Idenya
Udah lama Gue Cari Nie Materi
Kalo Ada Yang laen di Send ke gue Yach situsnya
gue paling suka Yang ginian
cui,, gw pengen nanya, gemana sih cara bikin layout friendster jadi bisa di rubah-rubah cepet,,
maksudna satu profile punya banyak layout yang bisa kita ganti2 semau kita,,
thank’s bwat bantuanna,
lams knal…gwe laurens.
bang, gwe minta cara-cara buat bikin FS kita makin keren donk……
kirimin ya caranya ke email gwe..
thanks
mas,saya dah nyoba buat overlay,dulu pernah bisa…
tapi pada akhir 2007
kan pernah di blocking kan untuk overlay..
trus semua kembali ke tampilan FS standart..
nah saya sekarang dah nyoba lagi ..TAPI GA BISA
kan seharusnya HTML dari front page di pindah ke NOTE dulu kan..trus di generate ke OGStandart..trus di masukin ke ADD MEDIA di FS kan…tapi kok ga bisa ya…mohon bantuannya ya…
salam kenal…SUKMA
tapi sekarang tampilan dari MARKYCTRIGGER sendiri sudah berubah…apa overlay sekarang juga mengalami blocking lagi seperti yang dulu…?
caranya gampang…
masuk situs markyctrigger…
trus klik bulatan item… ntar muncul 3 tulisan…
klik tulisan paling atas ( forum )
trus… klik friendster overlay…
setelah itu anda tinggal pilih jenis baground apa yg akan anda gunakan… kan ada preview nya…
setelah anda pilih .. download file…
trus extrac ke folder di kompi anda… ntar hasil nya dalam bentuk notpad…
nah…
silah kan edit notpad yg anda download td…
1. edit/ ganti title nya… (kreketek premade layout)<– ini
2. trus edit your photo friend …
ini code nya…..
module2=”yes”;
liat dolo udah ada apa belum code ini klo udah jangan di masuk kan lg…
3. trus edit profil info
code nya yg kaya’ gini…
http://photos….bla..bla... ganti url photo ini dengan url photo anda….
trus edit data seperti contoh di bawah ini…
Name: Mr X
Country: no maden
Age: 29
Height: 170.2 CM
Weight: 47 KG
Birthday: June 22rd
Bloodtype: bukan type bangsawan… hanya rakyat jelata
Status: It’s complicated
Hobbies and Interests: suka suka
Occupation: belum di identifikasi
Religius: Loading…
4. trus begitu selanjut nya….
kan udah ada petunjuk dari mas P-man yglengkap di atas tuh….
untuk mbah kakung… hehhehe…
sesudah di masuk kan data yg udah di generate ke add media… masih ada lg code yg harus di masuk kan tuh… namanya code fixes… tinggal nyari aja.. kok di situs marky…nya …
nah tuh masalhnya tampilan markyctrigger tu dah ga kayak yang dulu…ya kan???
jadi aq agak bingung ni..
coba mbah buka..kemarin aq baru buat di so3cmapadi@i2.co.id
jadi cuma tampil di add media aja…
thks friend!!
Hello stupid pendosegi.n
ok lengkap dah pencarian akan ilmu css 4 friendster aq…. thx very much y….!!!
[...] Lebih lengkap lagi, baca disini: Membuat Overlay Friendster -komplit bo Untuk mendownload Overlay Friendster yang sudah jadi, silahkan lihat dan download di: [...]
gw mu variasi layout nih tp buatan gw sndri.gmana caranya????????
emang ..mbah kakung..
marky lg ganti costum baru….
dan pake cara baru lg… untuk masuk ke situs FS nya… biar ga terblock..
aku juga jd puyeng…. hehehe…
gigi eh.. gini aja dech.. masuk aja ke friendstertalk.com
di situ ada tutorial lengkap pake bahasa nasional lage.. untuk mendesain FS… pake css and JS… keren jg kok…
kakung Says:
August 24th, 2008 at 7:49 pm
nah tuh masalhnya tampilan markyctrigger tu dah ga kayak yang dulu…ya kan???
jadi aq agak bingung ni..
coba mbah buka..kemarin aq baru buat di so3cmapadi@i2.co.id
jadi cuma tampil di add media aja…
thks friend!!
Robert Says:
September 2nd, 2008 at 6:51 am
Hello stupid pendosegi.n
mastyo Says:
September 3rd, 2008 at 6:01 am
ok lengkap dah pencarian akan ilmu css 4 friendster aq…. thx very much y….!!!
Panduan Membuat Layout Overlay Friendster « Wawaitoh’s Weblog Says:
September 3rd, 2008 at 6:28 am
[…] Lebih lengkap lagi, baca disini: Membuat Overlay Friendster -komplit bo Untuk mendownload Overlay Friendster yang sudah jadi, silahkan lihat dan download di: […]
chagie Says:
September 4th, 2008 at 11:03 am
gw mu variasi layout nih tp buatan gw sndri.gmana caranya????????
kreketek Says:
September 5th, 2008 at 6:17 pm
emang ..mbah kakung..
marky lg ganti costum baru….
dan pake cara baru lg… untuk masuk ke situs FS nya… biar ga terblock..
aku juga jd puyeng…. hehehe…
gigi eh.. gini aja dech.. masuk aja ke friendstertalk.com
di situ ada tutorial lengkap pake bahasa nasional lage.. untuk mendesain FS… pake css and JS… keren jg kok…
mas
trima kasih telah nyediain friendster overlaynya
minta ijin tuk menggunakan
soalnya yang disini masih awam dalam hal beginian
sekali lagi trima kasih banyak
mas code background untuk friendster
sudah saya copy tapi gak bisa
thanks mas….
nih hasil overlay fs aq…..
kerrreeeenn dech
profiles.friendster.com/sweet2kitty
hiiiiiiiii………….
buatin w layout dongz
mas ..
sya pusng neh …
ada taq panduan overlay yg lbih mnditail ..
tpi taq rumit ..
coz sya agak pusNg dghn bhs2 kya ‘ gto ..
sya kpng bljar overlay friendster neh ..
tolong yHa
[...] mungkin berguna: – Panduan Membuat Layout Overlay Friendster – Mengganti Background di Friendster – Membuat Overlay Friendster -Komplit Bo – Customizing Friendster [...]
bosss tolong buatin friendster layout yang bagus ” beda dari yang laen dun….
plizzzzzz
buinguuuuuuung,gaptek..hehe
yg penjelasan yg lbh simpel?
Gini om aku aku ada masalah nih mengenai FS aku,, knpa ya file yang udah aku buat dan aku generate gx bisa ke save di media box padahal sudah ada tanda succses.. nah malah keluar >( )seharusnya setelah sucses di save tetap >> (
MOHON PENCERAHANNYA THXXXX
bang
duch saiia dah bikin overlay beberapa kali
tq ga jadi”.
gmnayahc.
trus kalo cari og 11 gmnan..
yg ada malah og old ama multi..
jadi binggung saiia..
duch…
Thanks bgt y atas info na…
Clm knl .
Gmna y cara na membuat background fs bergerak…
Trus supaya fs gw terkenal gmna dunk carana. Thanks yaa…
N’ mampir y ke blog musik gw
http://www.muhyat.blogspot.com
thanks..
om…tanya ya..
sekarang kan tampilan markyctrigger sendiri sdh da perubahan kan…nah masalahnya,utk generate teks ku yang udah jadi tu gimana???
kalo layout nya aku dah nyimpen n udah sip…
tinggal generate aja…
TOLONG YA..besok langsung tak lihat hasilnya..!!
terima kasih berat..
bang ‘ 8 jam nig gw d warnet
kaga bisa2 bikin layout overlay
ada cara yg lebih gampang ga
thx
bang buatin layout overlay dong
cape bgd kaga bisa2
thx y bang
hy
mas q pgn wat layout nie n layoutnya pke ftoq gmn cra nya??
lez dunk gpl
Alhamdulillah…., buat Anda-anda yang menginginkan Dana Hibah dan Modal Usaha untuk bisnis sampingan di rumah, sekarang bisa Anda dapatkan dengan membeli Panduan Dana Hibah dan Modal usaha di website http://danahibah21.co.cc. Semoga Informasi ini bermanfaat.
LAILY AGUSTIN, SH, M.Si
SUKA MENCAMPUR ADUK URUSAN PRIBADI DAN KANTOR
SARAN SUPAYA DIMUTASI SEBAGAI SEKRETARIS KANTOR TENAGA KERJA JOMBANG