<$BlogRSDUrl$>
Techno Hack
All about technology tips and trick around us, such as how to optimize our PC, camera, handphone, camcorder and much more

Customize Your Friendster (part 1)

Friday, November 04, 2005
Karena banyak banget yang nanya ke gw, gimana cara untuk meng-customize friendster, berikut gw sharing yang gw dapet (mungkin topik ini akan berlanjut apabila ada trik baru yang gw peroleh)

Here we goes !

1. Menambahkan file multimedia (mp3, wma, flash, dll) di bagian Now Playing :

a.Pertama-tama, pastikan file yang akan di jalankan telah di upload ke web hosting, contohnya geocities.com, freespaces.com, dsb
b.Input kode berikut ini ke dalam bagian Add music and video and more images to your profile di Customize My Profile Friendster:

Untuk file non-flash:

<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/" width="320" height="290" src="http://url_file_musik_anda"
filename="http://url_file_musik_anda" autostart="True"
showcontrols="True" showstatusbar="False"
showdisplay="False" autorewind="True">
</embed>



Notes: ganti url_file_musik_anda dengan lokasi file musik anda yang telah anda upload ke web hosting

Untuk file flash:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="96" height="24" id="id_yg_anda_pilih" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://url_file_flash_anda" />
<param name="quality" value="high" />
<param name="bgcolor" value="E1F1FF" />
<embed src="http://url_file_flash_anda" quality="high" bgcolor="E1F1FF" width="96" height="24" name="id_yg_anda_pilih" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>



Notes: ganti url_file_flash_anda dengan lokasi file flash anda yang telah anda upload ke web hosting, dan ganti id_yg_anda_pilih dengan id yang sesuai dengan kehendak anda


2. Merubah tampilan di bagian Advanced users: Personalize your profile with CSS:

a.Pastikan file gambar yang akan digunakan telah anda upload ke web hosting, seperti imageshack.us, geocities.com, freespaces.com, dsb
b.Menambahkan background image:

body{
background-color:#000000;
background-image:url( http://url_file_gambar_anda);
background-position:left;
background-attachment:fixed;}



Notes: Ganti url_file_gambar_anda dengan lokasi file gambar anda yang telah di upload

c.Membuat image menjadi blur pada saat cursor hover (khusus browser Internet Explorer):

A:hover IMG {
FILTER: Blur(Add = 0, Direction = 225, Strength = 10); Alpha: 100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)
}
A:link IMG {
FILTER: none
}



d.Merubah bentuk cursor:

Carilah atau tambahkan bagian ini:

A:link{
cursor:pointer
}

A{
CURSOR: pointer
}

A:visited {
CURSOR: pointer
}

A:active {
CURSOR: pointer
}

A:hover {
CURSOR: pointer
}



Nilai pointer dapat anda ganti menjadi wait, crosshair, hand, help, auto, default, move, text, wait atau *-resize (* dapat diganti dengan N, NE, NW, S, SE, SW, E, atau W). Bahkan anda dapat menggunakan cursor anda sendiri (dengan ekstensi .cur atau .ani) hanya dengan menambahkan:


cursor : url("url_cursor_anda")



Gantilah url_cursor_anda dengan lokasi cursor yang akan anda gunakan yang telah diupload ke webhosting. Tapi perlu anda ingat, beberapa cursor hanya dapat ditampilkan di browser Internet Explorer

e.Mengganti warna scrollbar:

scrollbar-arrow-color: #D0AA3C;
scrollbar-base-color: #D0AA3C;
scrollbar-dark-shadow-color: #D0AA3C;
scrollbar-track-color: #8C0000;
scrollbar-face-color: #E7D564;
scrollbar-shadow-color: #D0AA3C;
scrollbar-highlight-color: #D0AA3C;
scrollbar-3d-light-color: #D0AA3C;



Taruhlah kode diatas di dalam bagian body{}
Ganti warnanya sesuai dengan selera anda.

f.Anda dapat juga meng-customize tampilan friendster anda menggunakan generator di situs http://www.cubancouncil.com/friendster/


3. Anda dapat juga menambahkan online status indicator untuk AIM, ICQ, IRC, Jabber, MSN dan Yahoo, menggunakan generator di situs http://www.onlinestatus.org/. Copy kode yang anda peroleh dan dapat anda taruh di bagian About Me