ada yg bisa ajarain Friendster overlay ????

klo pen bsa bkin overlay yang psti Lu mesti nerti ma bhsa HTML,,,,

Friendster Overlay Layout

Bagi anda yang sudah mulai jenuh dengan profil friendster anda yang biasa-biasa saja, kini anda dapat membuat tampilan profil friendster anda menjadi lebih menarik sesuai keinginan dan kreasi anda sendiri. Pada posting kali ini, saya akan mencoba sedikit menguraikan bagaimana langkah-langkah untuk membuat profil friendster overlay layout (Maaf mas Danang baru sekarang di posting hehe).

Pada dasarnya membuat profil overlay pada friendster ini prinsipnya sama dengan membangun halaman web sendiri. Dalam proses pembuatannya kita bisa menggunakan desain web HTML, XHTML, JAVASCRIPT, DHTML, atau bahkan kita bisa menyisipkan web FLASH yang ditanam dalam HTML, nyaris tanpa batasan! Kita pun bisa menggunakan media Dreamweaver, MS Frontpage, dan HTML editor lainnya dalam membuat desain profil friendster overlay tersebut, tergantung kemampuan kita...

Kemudian desain web yang telah kita buat tersebut akan tampil meng-cover-i halaman profil friendster semula, proses ini lebih umum dikenal dengan deface. Sehingga profil friendster yang akan muncul adalah halaman web yang telah kita buat tadi. (Keren bukan?)

Nah jika anda tertarik anda bisa memulai membuat desain profil friendster sendiri. Berikut ini adalah langkah-langkahnya:

Seperti yang telah dijelaskan pada uraian di atas, jelas sekali bahwa langkah pertama yang mutlak dan harus kita lakukan adalah membuat desain web sendiri sebagai tampilan halaman profil friendster kita nanti. Dan berikut ini adalah kode atau tautan yang terdapat pada halaman profil friendster asli yang bisa anda gunakan (sangat disarankan):

Navigasi Utama
Home -> http://www.friendster.com/home.php
My Profile -> http://www.friendster.com/user.php
My Friends -> http://www.friendster.com/friends.php
Explore -> http://www.friendster.com/explore.php
Search -> http://www.friendster.com/gallery.php
Video -> http://www.friendster.com/video.php
Review -> http://www.friendster.com/reviews/
Blogs -> http://www.friendster.com/blogs.php
Groups -> http://www.friendster.com/group/mygroup.php
Invite -> http://www.friendster.com/invite.php

Navigasi Lainnya
What's New -> http://www.friendster.com/splash.html
My Messages -> http://www.friendster.com/messages.php
Settings -> http://www.friendster.com/editaccount.php
Help -> http://www.friendster.com/custhelp.php
Log Out -> http://www.friendster.com/logout.php

Navigasi Profil
Add As Friend -> http://www.friendster.com/addfriendrequest.php?uid=USERID
Send Message -> http://www.friendster.com/sendmessage.php?uid=USERID
Forward to Friend ->http://www.friendster.com/referafriend.php?refer=USERID
Add Testimonial -> http://www.friendster.com/testimonials.php...&uid=USERID
Add Bookmark -> http://www.friendster.com/bookmarks.php?ac...&uid=USERID
Send a Smile -> http://www.friendster.com/sendmessage.php?...ction=sendsmile
Invite to Group -> http://www.friendster.com/group/inviteone.php?uid=USERID
Add Comment -> http://www.friendster.com/publiccomments.php?uid=USERID

Lihat Semua
View All Comments -> http://www.friendster.com/publiccomments.php?uid=USERID
View All Testimonials -> http://www.friendster.com/testimonials.php?uid=USERID
View All Friends -> http://www.friendster.com/friends/USERID
View All Photos -> http://www.friendster.com/photos/USERID

Jangan lupa untuk memasang logo Friendster (http://images.friendster.com/images/logo-whitebg.gif) dan memasukkan kode original footer Friendster di bawah ini supaya tidak di banned dari Friendster, OK?
<div id="footer_container"><div id="footer" class="applicationWrapper">
<a href="/info/index.php?statpos=footer">About Us</a> |
<a href="/info/contacts.php?statpos=footer">Contact Us</a> |
<a href="/affiliate.php?statpos=footer">Promote My Profile</a> |
<a href="/custhelp.php?statpos=footer">Help</a> |
<a href="/info/tos.php?statpos=footer">Terms of Service</a> |
<a href="/info/privacy.php?statpos=footer">Privacy Policy</a><div style="margin-top: 5px !important;">Copyright 2002-2007 Friendster, Inc. All rights reserved. U.S. Patent No. 7,069,308 & 7,117,254</div>

Catatan:
Ganti kode USERID yang dicetak tebal di atas dengan User ID Friendster anda yang berupa angka-angka. Misalnya URL Friendster anda http://www.friendster.com/99999999 maka User ID Friendster anda adalah 99999999.

Nah, bagi anda yang belum memulai membuat desain sendiri anda bisa mencoba dengan kode HTML yang sangat sederhana ini untuk awalan alias percobaan. (Tapi bagi yang sudah berhasil mendesain sendiri anda bisa memakai kode HTML dari web profil friendster buatan anda sendiri tersebut. Ini yang bener, bukan percobaan lagi!)

<html>
<head>
<title>Percobaan</title>
</head>
<body>
Kode Telah Berhasil!!!!!
</body>
</html>

Langkah selanjutnya adalah masuklah ke situs ini, dan akan tampil kotak-kotak dan petunjuk-petunjuk seperti gambar di bawah ini.


Step 1 adalah kopi paste kode HTML di bawah ini, kemudian tambahkan kode tersebut pada kotak "Favourite TV Shows".
"></a> <script src="http://breakdance.freepgs.com/sundel/OGS.js"> </script>

Step 2, masukkan kode HTML profil friendster desain kita sendiri tadi (atau bagi yang belum bikin, bisa kopi paste kode HTML yang sangat sederhana di atas untuk percobaan) ke dalam kotak yang paling atas pada gambar di atas, kemudian klik tombol GENERATE. Lalu, pada kotak yang di bawah akan muncul kode hasil generate. Copy paste semua kode tersebut ke dalam kotak Friendster Profile Customization bagian Add Media. Setelah itu klik Save untuk menyimpan. Setelah selesai tersimpan, cobalah melihat profil friendster anda, rasakan bedanya!


Profil Friendster Overlay anda akan muncul segera beberapa detik setelah halaman asli friendster anda telah ter-load, dengan catatan browser anda tersupport dengan plugin flash. (Sepanjang saya mencoba, profil friendster overlay saya bisa muncul setelah kurang lebih 5 detik sampai 1 menit setelah halaman profil friendster yang asli muncul, tergantung kecepatan internet )

Oiya, berikut ini adalah daftar beberapa Overlay Add-Ons yang bisa anda gunakan untuk kelengkapan friendster overlay layout anda:

Auto Update Testimonials
<div id=AUT style="width:250; height:650; overflow: scroll"></div>
<script language=javascript>
autotesti="yes";
</script>

Kode di atas akan menampilkan testimonial anda pada kode HTML anda, letakkan pada sebarang tempat dimana anda ingin menampilkan testimonial anda. Anda bisa mengedit bagaimana tampilan dari testimonial dengan menggunakan kode CSS. Berikut ini style CSS untuk testimonial yang saya gunakan: (Anda bisa merubah huruf, warna dan ukuran huruf dan gambar)

#aut{width:100%; font-size:8.5pt; font-family:Verdana; color:#333333; padding:0px 5px 0px 5px; overflow:hidden;}
/** pics **/
.imgblock75 img{width:50px; overflow: hidden; border:#586278 2px solid !important; margin-right:5px !important;}
.itd{vertical-align:top;}
/** testimonial contents **/
.dtd{padding-bottom:5px; margin-bottom:5px; font-size: 8.5pt; font-family:Verdana; color:#333333;}
/** names **/
.title a:visited{text-decoration:none; color:#003399;} .title a:link{text-decoration:none; color:#003399!important; font-size:8.5pt; font-weight: bold;}
.title a:hover{color:#FF0000!important; text-decoration: none; font-weight: bold;}
/** view all and add a testimonial links **/
.viewall a{padding-bottom:5px; text-align:center;}
.viewall a:hover{color:#FF0000;}
.viewall{text-align:center!important;}
h2{display:none;}
.data li{list-style-type:none;}
.data{padding:0; margin:0;}


Auto Update Comment:
<script language="javascript">
AUC="activate";
</script>
<div id="AUCstore" style="width:545px; height:350px; overflow:auto;"></div>

Anda bisa merubah tampilan dengan menggunakan CSS juga.


Who Viewed Your Profile (Cbox mode)
Daftar di http://cbox.ws kemudian anda akan mendapatkan kode dari Cbox.
Contoh kode dari Cbox yang anda dapatkan adalah sebagai berikut:

<!-- BEGIN CBOX - http://www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www.cbox.ws/box/?boxid=791167&amp;boxtag=7146&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br>
<iframe frameborder="0" width="160" height="75" src="http://www.cbox.ws/box/?boxid=791167&amp;boxtag=7146&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->

Ubah kode di atas sesuai dengan warnanya:
merah = box id anda
green = box tag anda
blue = hapus kode yang berwarna biru, tidak terpakai
pink = ganti cboxmain menjadi cboxmainche

Tambahkan kode di bawah ini di sebarang tempat dalam tag <body> anda
<script language="javascript">
boxid=your box id;
boxtag=your box tag;
wvcbox="yes";
wvcboxmodule="The Module";
</script>
<div id="wvcboxel" style="display:none"></div>

Sekarang pilih Module anda, ada dua module pada Cbox, yaitu pst dan cstr... Jadi jika anda mencoba melihat profil anda menggunakan account friendster yang lain kemudian jika ada kotak peringatan yang berbunyi "Enter a message", maka yang harus anda lakukan adalah mengganti Module.


Auto Update Shoutout
<script language=javascript>
AUSO="yes";
</script>
<div id=AUSOid></div>

Anda bisa merubah tampilan Shoutout dengan menggunakan CSS:

<style type="text/css">
#AUSOid{ font-family:"Comic Sans MS"; font-size:18px; color:#999999}
</style>


Last Login Code/Profil Viewer Code
<script language="javascript">
lastlogin="yes"
</script>
<div id="lastloginid"></div>


Auto Update Main Photo
<script language="javascript">
automainphoto="yes"
</script>
<div id="automainphotoid"></div>


Auto Update Friends
<script language="javascript">
autofriend="yes"
</script>
<div id="autofriendid" align=center class=column_content style="width:200px; height: 300px; overflow:auto;"></div>

Anda bisa merubah tampilan dengan menggunakan CSS:
/** images **/
.ir img {height:75px; width:75px; overflow: hidden; border:#9bcfe7 2px solid;}
.ir a:hover img {filter:alpha(Opacity=50,FinishOpacity=0,Style=0);}
/** caption **/
.dr a {font-family: century gothic, verdana; font-size: 10px; text-align: center; text-decoration: none; color: black;}
.dr a:hover {font-weight: bold;}
.flogriditem {padding-bottom: 5px; padding-top: 5px;}


Featured Friends
<script language="javascript">
featF="yes";
</script>
<div id="featFid"></div>


Auto Update Groups
<script language=javascript>AUG="yes";</script>
<div id="AUGid"></div>


Selamat mencoba!

bener ga tuh ???

hebuatttt,tapi ane binun

Kalo kagak salah ini
mirip kaya redirecting ya?

kita buat halaman web mirip friendster,
kita save kode2nya dan semua image dalam 1 folder
yang kita upload di sebuah "FreeWeb Provider",
semisal geocities,
kita dapet alamatnya,
semisal http://www.geocities.com/blablabla
trus dengan sebuah trik tertentu,
yang dinamakan redirecting,
kita buat kode redirect,
kita masukkan kode redirecting itu ke
media box di customize profile.

pada saat seseorang mbuka profile kita,
media box otomatis mengaktifkan kode redirecting,
yang menstimulasi link alamat web friendster tiruan.

jadi intinya, yang dibuka sebenernya halaman web
.com/blablabla kita...

setau gw seperti itu,
gw inget pernah mbaca dimana gitu...

ppuuyyeennnggg na pala gw...........

jujur y gw baru bc dikit ja dah pusing, binun nih

trims..

Aduh kayaknya ribet amat tuh, ada yang simpel kaga?

botuL bro...

that's right brow

n jgn lupa !!!
script yg udh qt bwt di save dgn extention html ato htm


misal :
gw save script code na di www.freewebtown.com/fyuuh/contoh.htm

dmn : fyuuh adlh account gw di freewebton.com ,,n contoh.htm filenya sndiri...


kira2 code yg mesti qt isi di my media box kyk gini :

&&#x23;x3c;meta http-equiv="refresh" content="0 url=URL_OF_YOUR_PAGE.htm">

jgn lupa ganti URL_OF_YOUR_PAGE.htm dgn http://www.website_kamu.com/account_kamu/filenya.htm

lalu click save n view your profile

trus refresh

klo gk brhasil ,,coba hapus smua internet history nya ato restart aj komnya skalian

hmmm..
ad jg trick yg ke 2 :

kira2 kyk gini...
setelah qt slesai bkin script code nya buka situs ini www.markyctrigger.com
lalu pilih yg OGstandart aj...

maka akan muncul window seperti ini

lalu click save n view your profile

trus refresh


nih contoh profile gw yg overlay
cLicK HeRe 4 VieW mY pRoFiLe

n jgn lupa add gw yah !!!


GooD LuCk...

hahahahahha brur lu ngambil salah satu karya di markictrigger yaw ...... ada yg gw bingung nih ........ kok tracker gw yg muncul malah cbox nya ya??????

bri tau dunks caranya ..... apa boxid yg gw masukin salah ato ... gmn ???

akhirnya ada yg menjelaskan lebih detail!!
trims

ribet..masuk aja ke friendster-layouyts.com..langsung generate code..jadi dah..

buat nyolong2 ID orang yah biar mail ma pass masuk cookies huehuehue....

ah ga tau deh , bego nih kek gituan.

keknya udah ga bisa tuh trick2 di atas ...

atau masih bisa ???

update terus donkkkk


makasihhhh

Hemmm
bingung - bingung
bikin ngantuk
bikin lapar

Ok... makasih infonya ya...

udh ada yg jelasin detail...tetep aja ane binun

account frenster ane aja udh lama ga disentuh

temen pernah nyoba bro... tapi waktu dibuka di mozzilla g jadi...

Uahhh...thx bro..

bahasakan dengan mudah please!!!!!!!!!!

Nah bener tuh emang klo dijalanin di mozzila jdnya amburadul...

Kapan2 gw coba bro...sekarang gw masih ckp pake friendster layouts..thanks bro...

thanks.. mas.......

waaaaa ....

fs ku malah nge refresh teruuuuusss ....

ayo tanggung jawab euuuyyy .....

omm....
Liad ePpes gw dah,
http://profiles.friendster.com/biggblank

kasi komend ya..

kepanjangan neh trik nya.....
binun gua....
btw thanks yaa br0.....

hueuheuhuehuheu ...
fs update lagi ...
tampilan profile jadi remuk redam ...
script² jadi terpampang jelas di profile ...

bingung gw bacanya, tapi nice tips dech

iki ngomong apa siee... :D:D:D

ok...thx brooo.segera dicoba

Iyaaa.... seperti minta tolong para ahli di bluefame untuk membuatkan script yg udah jadi dan tinggal kita copy paste..
supaya FS kita jadi manis...

jujur aga pusing... tapi baca dulu ah

thanx...

lengkap bener nih tutorialnya

hehe cuma sekdar iseng ya om ..

langkah pertama :
coba anda masuk kan code berikut di about me
<div id="cindil"></div>

langkah ke dua :
lewat direct link html anda copy code berikut di hosting anda semisal ripway ataupun fileave dan di simpan dengan extensi js atau txt. lalu generate dan copy paste ke media box

a=document.createElement("style");
a.type="text/css";
a.innerHTML="#cindil{background-color:#000000;position:absolute;top:0;left:0;z-index:999999;width:100%;height:110%;}"
+"#navigation{display:none;}"
+"body{overflow:hidden;}";
navBg.appendChild(a);
document.getElementById("cindil").innerHTML="<iframe src='http://www.bluefame.com' frameborder='0' scrolling='yes' allowtransparency='yes' width='100%' height='100%'></iframe>";

untuk code yg saya garis bawahi silahkan isi dengan link html anda
silahkan mencoba

contohnya : http://profiles.friendster.com/mazcindil
=======================================================
Semoga membantu

-- Salam --

auah.. gelap!

makacih deh, atas infonya,.

waduh ribet nih, puyeng deh,,,,,,,,,

mumet! biarin aja dah apa adanya!

sip dah,.
thnks bro infonya

coba tebak? friendster atau blogger?

http://profiles.friendster.com/40590743

bnun . link downloadnya aja dong