1. Kunjungi website Friendster dengan alamat : 2. Kamu akan melihat tampilan halaman utama Friendster seperti ini :

Transkripsi

1 Friendster Tutorial Friendster, siapa sih yang ndak kenal sama situs satu ini. Hampir setiap remaja bahkan orang tua tahu situs ini. Situs pertemanan yang menjadikan kita memiliki begitu banyak teman. Friendster emang memungkinkan segalanya, nggak cuman bisa cari teman doang, tapi juga bisa kirim-kirim pesan, ngasih pengumuman, iklan, bahkan bikin blog juga bisa. Nah, buat kamu yang udah punya Friendster, insya Allah di situs ini kamu bisa belajar banyaaaaakkk sekali soal Friendster. dan inilah yang akan kita pelajari disini: Mendaftar ke Friendster Sebelum melangkah lebih jauh soal Friendster, kita coba belajar cara mendaftar ke Friendster dulu yuk. Nah, pertama kamu kudu punya . Kalo belum silahkan belajar cara bikin disini. Kalo udah, kita bisa memulai sekarang. 1. Kunjungi website Friendster dengan alamat : 2. Kamu akan melihat tampilan halaman utama Friendster seperti ini : 3. Untuk mendaftar kamu bisa langsung klik tulisan Sign Up Now di bawah kotak Sign In seperti ditunjukkan gambar berikut :

2 4. Berikutnya, kamu bisa mengisi kolom2 yang ada sesuai data kamu. Jangan lupa untuk mengisi kode Verify registration sesuai gambar yang muncul. Beri cawang juga pada kotak pilihan I am over 16 years old dan pilihan satunya lagi. 5. Setelah selesai, langsung aja klik tombol Sign Up 6. Selamat!! Anda sudah terdaftar, berikutnya akan muncul halaman ini : 7. Jika kamu udah punya beberapa teman yang udah bergabung dengan Friendster, maka silahkan masukkan mereka di kotak-kotak yang ada. Kalo belum, langsung aja klik tulisan skip this step. 8. Selanjutnya, kamu ditawari untuk memasang foto. Kalo belum punya, langsung aja klik tulisan skip this step, tapi kalo udah punya, klik tombol browse dan tunjukkan dimana letak file fotomu. 9. Setelah selesai, maka sebuah akan dikirimkan ke alamat mu. Disana ada link verifikasi yang harus kamu klik. Insya Allah akan dijelaskan nanti dipelajaran berikutnya. Sekarang langsung aja klik tombol GET STARTED dan selamat datang di halaman utamamu. Sampai disini, kamu telah terdaftar di Friendster, tapi keanggotaanmu masih belum sempurn, kamu perlu melakukan verifikasi , gimana caranya? Silahkan lihat pelajaran berikutnya.

3 Verifikasi Apa sih verifikasi itu? Yup, inilah pertanyaan yang seringkali diajukan oleh para Friendster mania baru, apalagi bagi mereka yang juga baru di dunia maya ini. Verifikasi adalah pembuktian bahwa yang kamu masukkan pada suatu web adalah benar milikmu, jadi inilah cara yang sampai sekarang dipakai oleh banyak web yang menyediakan fasilitas keanggotaan. Di Friendster, verifikasi ini amatlah penting. Karena bila kamu belum melakukan verifikasi , maka ada beberapa fasilitas yang belum bisa kamu gunakan misalnya mengirim pesan dan membaca pesan dari seorang teman atau orang lain. Nah, agar kamu dapat memaksimalkan Friendstermu, maka verifikasi kudu kamu lakukan. Berikut ini cara yang harus kamu lakukan untuk melakukan verifikasi 1. Bila kamu baru saja mendaftar Friendster, maka coba buka mu. Disana akan ada yang dikirim oleh Friendster seperti ini : 2. Kliklah judul surat (Welcome to Friendster! ) tersebut 3. Sebuah akan terbuka, kira-kira nya seperti ini:

4 4. Untuk melakukan Verifikasi , cukup dengan mengklik tombol Verify yang ada di dalam tersebut (Perhatikan lingkaran merah diatas) 5. Namun, jika mu tak mendukung HTML, biasanya tombolnya tak muncul, maka untuk melakukan verifikasi, kliklah alamat link yang diberikan (perhatikan link di bawah tombol diatas). Biasanya akan tertulis 6. Setelah mengklik tombol atau link, sebuah halaman home Friendster akan muncul, tapi kali ini tanpa tulisan Verification lagi. Dan kamu siap untuk mengirim pesan ke semua member Friendster. Memasang Foto Keberadaan foto sangat penting di Friendster. Foto mampu memberikan berjuta kata yang ndak mungkin bisa dituliskan dengan bahasa apapun. Nah, buat kamu yang belum memiliki foto, mungkin kamu bisa menscan foto sekarang. Kalo saat ini kamu di warnet and belum membawa foto, mungkin kamu bisa cari foto artis Indonesia di Google sebagai foto sementaramu. Oke, inilah langkah yang harus dilakukan untuk memasang foto di Friendster. 1. Sign In dulu ke Friendster dengan mengisikan alamat dan passwordnya. 2. Pada halaman home Friendster, kliklah menu My Photo (perhatikan gambar berikut)

5 3. Sebuah halaman baru akan muncul. Kira- kira seperti ini : 4. Kliklah tombol browse, dan carilah dimana file fotomu berada. Dalam contoh diatas, file fotoku terletak di drive F: dengan folder backup/blogku/qzoners.jpg 5. Bila telah ketemu, kliklah tombol Upload 6. Tunggu beberapa saat hingga muncul halaman berikut yang menandakan fotomu telah sukses terupload. 7. Ini adalah halaman pemberitahuan bahwa fotomu sukses diupload, dan sekaligus menawarkan apakah kamu akan memberitahu teman-temanmu soal foto barumu ini. Jika ya, maka klik aja All Friends pada pilihan Select Addresses Lalu rubahlah kata-kata pada kotak Compose Massage dengan kata-katamu sendiri. 8. Meskipun demikian, sebenarnya Friendster telah melakukan pemberitahuan kepada teman-temanmu secara otomatis jika ada perubahan pada Friendstermu. Jadi kamu bisa melewatkan langkah ini dan langsung mengklik tombol View Photos (lihat gambar diatas)

6 9. Selamat, sebuah halaman fotomu akan muncul dan kamu bisa juga lho memberi komentar pada foto tersebut. Lihat gambar berikut ini: 10. Disebelah fotomu ada kotak isian Caption. Isilah dengan kata-kata yang menerangkan foto kamu tersebut. Nantinya jika ada orang yang melihat foto ini, diapun akan mendapatkan komentarmu tentang foto tersebut. 11. Setelah selesai mengetikkan kata-kata komentar, kamu bisa langsung mengklik tombol Save Options (lihat lingkaran merah di bawah foto) Nah, setelah fotomu terpasang dengan manis, tiba saatnya untuk memodifikasi profilemu. Agar orang lain bisa lebih mengenalmu, jika mereka tertarik maka dengan senang hati akan menjadi temanmu. Memodifikasi Profile Friendster Profile seseorang sangat menentukan banyak tidaknya teman yang akan kamu dapatkan. Maka sudah barang tentu kamu kudu memperhatikan hal ini. Berikut cara memodifikasi profilemu, sehingga orang laindapat mengenalmu lebih baik. 1. Sign In dulu di Friendster 2. Di halaman home, langsung aja klik menu Edit Profile seperti ditunjukkan gambar berikut: 3. Isilah dengan hal-hal mengenai dirimu di kotak-kotak isian yang ada. 4. Bingung dengan istilah2 yang ada? Kamu bisa menggunakan kamus online dari kamus.net untuk menerjemahkan arti dari kotak-kotak isian yang ada. KLIK DISINI 5. Setelah selesai, klik tombol Save Profile yang ada di bawah formulir.

7 6. Pekerjaan selesai, berikutnya kamu bisa mulai mencoba mengirim pesan ke teman-temanmu Di pelajaran berikutnya kita akan mencoba mencari teman baru melalui cara mengirim pesan. Nantinya kalo kamu udah punya teman walau cuma satu, kamu bisa melakukan Add teman lebih banyak lagi. Mengirim Pesan di Friendster Kirim- kiriman surat atau pesan adalah hal yang biasa dilakukan oleh seorang Friendster mania, berikut ini adalah cara mengirim pesan yang dapat kamu lakukan. Tapi untuk bisa mengirim pesan, kamu harus melakukan verifikasi dulu. Caranya bisa dilihat disini. Untuk mengirim pesan ke seorang teman, caranya seperti ini 1. Kalo kamu masih belum punya teman, maka ada baiknya kita cari dulu melalui fasilitas searching yang ada di Frienster. Masukkan aja sebuah nama atau mungkin nama kota jika kamu ingin mendapat teman dari kota yang sama. 2. Pada kotak Search tentukan pilihan pencarian. Berdasarkan nama, kota, atau afiliasi. Dan masukkan kata kunci di kotak berikutnya. 3. Sekarang tekan Enter atau klik kotak hijau. 4. Sebuah halaman pencarian akan muncul. Kira-kira seperti ini. Hasilnya akan sangat bergantung kata kunci yang kamu masukkan. 5. Karena kamu belum punya teman maka langsung aja klik kotak Message (lihat lingkaran merah) 6. Sebuah halaman pengiriman surat akan muncul. Masukkan judul surat dan pesan yang ingin kamu sampaikan. 7. Jika kamu ingin menjadi temannya, maka kamu bisa meminta nya agar bisa kamu Add sebagai teman. Berikut ini contoh pesan yang bisa kamu pakai :

8 Hallo Friend, gimana kabarnya? Baik aja kan? Friend, bisa minta nya ndak, biar aku Add kamu jadi temanku. Atau kalo kamu mau Add aku bisa langsung pake ku : mu@yahoo.com 8. Nah, nantinya kalo dia menjawab, kamu bisa meng-addnya melalui yang diberikannya. Cara menambah teman Friendster Tutorial dilanjutkan. Sekarang kita akan mulai mencoba menambah teman. Setelah kamu mendapatkan alamat dari seseorang, kamu udah bisa meng-addnya sebagai teman. Gimana caranya? Check This Out!! Kita akan menggunakan fasilitas Search Friendster : Masukkan teman di Friendster kita ke kotak isian. Untuk pilihannya, biarkan saja pake Name. Selanjutnya tekan tombol hijau atau enter. And kita lihat apa hasilnya. Kalo memang temanmu telah memiliki account di Friendster, maka dalam waktu sekejab kamu akan mendapatkan hasilnya seperti ini : Nah, sekarang langkahnya makin mudah. Kamu udah bisa langsung menekan tombol add as friend (lihat lingkaran merah). Selanjutnya kamu akan dimintai konfirmasi apakah benar-benar ingin menjadi temannya.

9 Kalo memang ya, kamu bisa langsung mengklik tombol Add... as Your Friend, dengan demikian kamu udah memintanya menjadi temanmu. Tapi pekerjaan belum selesai. Kamu tetap harus menunggu dia menyetujui permintaan menjadi teman. Setelah disetujui, kamu akan mendapatkan seorang teman lagi di daftar temanmu. Cara Jitu Punya Banyak Teman Di Frendster Tutorial kali ini kita akan membagi cara jitu untuk mendapatkan banyak teman. Ya, walaupun banyaknya teman bukan ukuran pasti seseorang itu baik atau bukan, tapi jika kamu punya banyak teman, tentu aja kamu akan dianggap supel dan gaul. Nah, disamping sering-sering Add teman, ada cara yang lebih cepat dan mudah : Chatting Yup, dengan chating kamu akan punya banyak kenalan dan tentu aja bisa langsung mendapat teman yang sedang online. Kamu bisa minta mereka dan merekapun bisa mendapatkan mu. Dengan melalui chatting kesempatan meraih teman akan terbuka luas. Add Temannya Teman Berikutnya kamu bisa menjelajahi profile teman-teman yang udah jadi temanmu. Lihat siapa aja teman mereka dan langsung aja Add mereka. Untuk meng-add temennya temen kamu ndak perlu , jadi kamu bisa memperbanyak Add. Rubah Profile Seperti kamu tahu, bahwa FS mengurutkan daftar teman berdasarkan nama kemudian umur. Nah, pertama kita perlu merubah nama dulu karena inilah menjadi ukuran pertama. Gunakan tanda petik diawal namamu ( ' ) Pasanglah 3 sampai 4 tanda petik. Insya Allah namamu akan selalu muncul di daftar nama teman-temanmu, dan peluang untuk dikunjungi makin besar. Contohnya : ' ' ' 'Bagio

10 Penggunaan tanda petik sudah sangat lazim, sehingga jika temanmu memiliki tanda petik juga di depan nama mereka, itu akan menyusahkan. Maka setelah tanda petik gunakan juga huruf A misalnya : ' ' ' 'Aa Bagio Gunakan Script Auto Add Nah, dengan script auto add ini, setiap orang yang mengunjungi FS mu, akan menjadi temanmu. Kamu tinggal pilih aja mana yang di Approve dan mana yang di tolak..hehehe.. Bagaimanakah scriptnya? Pertama kamu kudu punya data FSmu sebagai berikut : 1. Friendster User ID 2. mu Cara mendapatkan Friendster User Id sangat gampang, lihatlah profilemu sendiri kemudian perhatikan URL profilemu (lihat gambar) Tapi kadangkala alamat URLmu udah dirubah, maka gunakan cara yang kedua yaitu : 1. Lihat saja profile Friendstermu. 2. Di menu bar klik View > Source. Akan muncul source dari Friendster. 3. Tekan Ctrl + F lalu masukkan kata "pageviewerid" nanti akan ada angka yang merupakan ID mu Selanjutnya masukkan UID dan mu di kode berikut : <IFRAME SRC= ailmu&submit=1 WIDTH=40 HEIGHT=1></IFRAME> Gantilah User_ID dan mu dengan milikmu sendiri. Setelah selesai, selanjutnya kamu perlu menggunakan Friendster Generator. Silahkan klik disini.

11 Masukkan kode diatas ke dalam kotak pertama yang tersedia. Lalu tekan Compile Scroll ke bawah dan anda akan mendapatkan kode yang aneh, copylah kode tersebut lalu masukkan ke Media Box Tekan save dan selesai. Tugasmu sekarang adalah membuat orang lain melihat profilemu, dan begitu mereka membuka profilemu, dia akan langsung jadi temanmu. Dan kamu tinggal memilih aja, mau menerimanya atau menolak...hehehe... Dasar-dasar Design Profile Friendster Friendster mengijinkan kita untuk merubah tampilan sesuai keinginan kita. Sebelum kita membahas bagaimana cara merubah tampilan di Friendster, rasanya saya perlu menyamakan persepsi dulu tentang perangkat yang diperlukan serta fasilitas-fasilitas yang disediakan oleh Friendster untuk merubah penampilan profile kita. Sekarang mari kita memasuki halaman costumize Friendster. Mengakses Halaman Costumize Untuk mengakses halaman costumize, ikutilah langkah-langkah berikut. Mulailah dari halaman Home. Lalu kik tombol Edit Profile seperti ditunjukkan pada gambar berikut : Setelah halaman Edit Profile muncul, selanjutnya adalah menekan tombol Costumize

12 Anda akan dibawa ke halaman Costumize. Disinilah kita akan melakukan berbagai macam hal untuk merubah dan mempercantik profile friendster kita. Silahkan lihat gambar berikut : Berikut keterangan dua box diatas : Media Box Media box adalah tempat kita meletakkan kode HTML yang akan muncul di profile Friendster kita. Disini kamu bisa meletakkan kode untuk menampilkan gambar, musik, video atau animasi flash. Namum, di sini anda tak bisa memasukkan kode Javascript karena Friendster tak mengijinkan hal itu. Tapi di tutorial-tutorial berikutnya, kita akan mengakalinya sehingga kita masih tetap bisa memasukkan javascript bahkan Iframe. CSS Box CSS Box mengatur masalah tampilan Frienster. Disinilah desain induk tampilan friendster kita dibuat. Disinilah kita dapat memasukkan kode-kode CSS yang akan mengatur masalah background, warna dan huruf serta garis-garis yang akan kita pakai di friendster.

13 Di tutorial-tutorial berikutnya. Kita akan sering sekali mempergunakan 2 box diatas. Saya harap kamu bisa menghafalnya dan paham betul bagaimana cara mengakses halaman Costumize ini. Mengganti Themes Friendster Friendster telah menyediakan aneka Themes untuk profile kita. Dengan memakai themes2 ini, kamu tak perlu lagi pusing-pusing memikirkan kode-kode dan design profile Friendster. Namun, sesuatu yang mudah tentu punya kekurangan. Yaitu kamu ndak bisa merubah-rubah tampilan profile kamu. Kamu hanya menerima apa adanya. Jika memang ini yang kamu mau dan kamu siap menerima kekurangan yang ada, maka mari kita belajar menggunakan themes friendster yang udah siap pakai. Pertama kamu kudu masuk ke halaman Costumize. Cara masuk halaman costumize udah dijelasin di pelajaran sebelumnya tentang dasar-dasar design profile friendster. Kalo lupa, langsung aja klik disini. Setelah berada di halaman Costumize, kamu bisa langsung scroll ke bawah dan kamu akan mendapati aneka themes friendster yang siap pakai. Langsung klik tanda lingkaran di bawah themes yang kamu inginkan. Setelah itu tinggal klik save dan beres. Jika kamu ingin membuat themes sendiri nantinya, maka pilihlah No Skin/Custom CSS seperti yang ditunjukkan pada lingkaran.

14 Merubah Background Friendster Di pelajaran yang lalu kita telah mencoba memakai themes yang disediakan oleh Friendster. Saya bisa menebak kalo kamu nggak bakalan suka dengan themes tersebut.. Ya kan? Hehehe... Oke, sekarang kita akan bikin themes sendiri. Pertama kita perlu beberapa website untuk membantu kita. Langsung aja kamu buka 2 window baru (Tekan Ctrl + N dua kali). Kemudian buka website-website berikut: Ini digunakan untuk mencari gambar background yang kita inginkan Ini digunakan untuk menggenerate kode CSS yang kita perlukan Pertama, kita perlu mencari gambar untuk kita jadikan background. Silahkan buka Google dan anda akan melihat halaman utama Google seperti ini : Selanjutnya klik tulisan gambar karena kita akan mencari gambar. Kemudian masukkan kata-kata atau gambar apa yang kamu inginkan. Misalnya kita carai kata-kata Wallpaper. Maka dengan sekejap akan muncul gambar-gambar wallpaper yang cukup bagus hingga bingung kita untuk memilihnya.. :)

15 Usahakan mencari gambar yang cukup besar. Lihatlah di bawah gambar tersebut. Kalo bisa anda cari yang ukurannya diatas 800 pixel. Lebih baik lagi kalo sampai 1024 pixel. Namun jika kamu pengen gambar yang berulang-ulang kamu bisa pilih gambar yang lebih kecil ukurannya. Setelah ketemu, langsung aja klik gambar tersebut, nanti kamu akan dibawa kehalaman baru berisi tumbnail gambar tersebut beserta website aslinya. Nah, klik tulisan Lihat Ukuran Penuh atau See Full Size yang ada di samping gambar Tumbnail. Sekarang pada gambar tersebut lakukan klik kanan - Copy Image Location jika kamu menggunakan Mozilla. Tapi jika kamu memakai Internet Explorer lakukan klik kanan pada gambar - Properties kemudian kamu bisa mengcopy alamat gambar tersebut. Oh iya, pastikan alamat gambarnya tak mengandung spasi atau tulisan %20 karena gambarmu takkan muncul nantinya. Setelah kamu mendapatkan alamat gambar yang bagus, kamu bisa membuka Friendster Profile Editor dengan alamat Berikut ini tampilan Friendster Profile Editor :

16 Friendster Profile Editor ini bermanfaat untuk membuat kode CSS bagi profile Friendstermu. Sekarang kita akan memanfaatkan Editor ini untuk mengganti background Friendster kita. Kamu bisa menscroll ke bawah hingga mendapatkan form pengisian background Masukkan alamat gambar tadi ke kotak Image URL. Kamu juga perlu untuk mengganti warna background dengan mengklik tombol Choose Color dan pilih warna yang senada dengan gambarmu. Hal ini perlu, sebagai antisipasi jika sewaktu-waktu gambarmu tak berhasil di tampilkan, friendstermu masih tetap bisa dinikmati. Selanjutnya scroll ke bawah hingga menemukan kotak isian berikut :

17 Secara default, friendster akan menampilkan kotak-kotak dengan warna abu-abu untuk setiap bagian profile. Kamu bisa menghilangkankan kotak-kotak ini agar tampilan background friendstermu terlihat jelas. Untuk itu, langsung aja klik kotak kecil di pilihan Make All Boxes Transparent. Selanjutnya kamu bisa scroll ke bawah lagi dan klik tombol Generate Friendster Code yang ada si bagian paling bawah form pengisian Profile Friendster. Dan sebuah kode akan muncul di kotak isian seperti berikut : Kamu bisa langsung mencopy kode yang tampil di kotak tersebut dan memasukkannya / paste ke CSS Box yang ada di halaman Costumize Friendstermu. Setelah terpaste, langsung aja klik tombol Save dan coba lihat Profilemu sekarang. Jika langkah-langkah diatas telah kamu jalankan dengan benar, kamu akan mendapati halaman Profile Friendstermu berubah sekarang. Friendster Profile Editor Apa itu Friendster Profile Editor? Friendster Profile Editor adalah website yang digunakan untuk membuat kode CSS yang mengatur tampilan profile friendster. Dikembangkan oleh Michael, saat ini telah hadir versi 3.2. Website ini cukup lengkap untuk mengatur hampir semua keperluan design friendster. Melalui Friendster Profile Editor, kamu bisa melakukan hal-hal berikut : 1. Mengganti background Friendster

18 2. Mengganti warna kotak-kotak friendster 3. Mengganti warna dan huruf pada profile friendster 4. Mengganti kursor 5. Mengganti Scroll Bar Dan masih banyak lagi yang bisa dilakukan dengan menggunakan Friendster Profile Editor ini. Sebelum kita melakukan hacking dan mengobrak-abrik tampilan friendster di pelajaran berikutnya, saya rasa perlu sekali untuk mengenalkan Friendster Profile Editor ini sebagai awal design profile kita. Mengingat fitur yang disediakan lumayan lengkap jika dibandingkan website-website lain yang sejenis. Bahkan Friendster sendiri telah merekomendasikan penggunaan website ini untuk mengatur tampilan friendster kamu. Cara Kerja Friendster Profile Editor Cara memanfaatkan Friendster Profile Editor sebenarnya sangat mudah. Karena tujuan pembuatan website ini memang untuk memudahkan. kamu hanya perlu mengisi dan mengganti-ganti nilai-nilai yang ada di setiap form pengisian dengan nilai lain yang kamu suka. Selanjutnya kamu bisa langsung mengklik tombol Generate Friendster Code yang ada di bagian paling bawah form ini untuk mendapatkan kode yang bisa kamu masukkan ke CSS Box di halaman Costumize friendstermu. Fitur yang tersedia di Friendster Profile Editor Friendster Profile Editor menyediakan fitur-fitur yang bisa kamu manfaatkan sesuai kemampuanmu. Berikut ini akan saya jelaskan secara global fitur-fitur tersebut : 1. Profile Editor (Simple) Ini adalah form editor untuk merubah tampilan friendster secara sederhana. Kotak-kotak isian yang ada hanya sedikit dan hasil yang didapat cenderung

19 seragam. Tapi biasanya menggunakan Editor yang simple ini sudah cukup menarik kok. Banyak sekali Friendster Mania yang memakainya untuk mengotakatik profile mereka. 2. Profile Editor (Advance) Form yang ini khusus buat kamu yang berani dan suka coba-coba. Memang form ini hanya dipakai oleh mereka yang benar-benar ahli dan mau mencoba. Memakai form ini cukup beresiko membuat tampilan profilemu berantakan, jadi kalo kamu merasa masih pemula, saya sarankan memakai yang simple terlebih dahulu. Nanti jika kamu sudah cukup mahir, kamu bisa langsung mencoba Editor yang ini 3. Background Images Di pelajaran yang lalu udah dijelasin cara mengganti background tapi menggunakan background yang udah ada di intrnet dan dicari dengan google. Nah, dengan fitur ini kamu bisa menggunakan backgroundmu sendiri untuk menghias friendstermu. Kamu bisa menggunakan fotomu sendiri untuk mengganti background friendstermu. 4. Images Effect Fitur yang ini hanya bisa dinikmati oleh pengguna Internet Explorer. Dengan fitur ini, kamu bisa memasukkan effect beraneka macam ke dalam profile friendstermu. Misalnya effect hitam putih atau sinar-x dan masih banyak lagi. 5. CSS Re-loader Bila kamu telah menggunakan Editor sebelumnya, maka ada baiknya kamu memanfaatkan fitur ini untuk meload kembali CSS mu sehingga settingan sebelumnya langsung bisa diterapkan. Demikianlah fitur-fitur yang tersedia di Friendster Profile Editor, saya sangat menyarankan agar kamu mencoba-coba sendiri menu-menu yang ada dan terapkan pada Profile Friendstermu. Jangan pernah malas dalam mencoba dan belajar, karena akan bikin kamu pusing sendiri hehehe... Mengganti Logo Friendster Menghilangkan Logo Friendster Bosan dengan logo Friendster yang itu-itu aja, gimana kalo kita ganti dengan logo kita sendiri. Di Friendster Tutorial kali ini kita akan merubah logo Friendster yang biasa dengan logo baru yang lebih menarik. Hal pertama yang harus kamu lakukan adalah menghilangkan logo friendster di PFS kamu. Caranya, tambahkan kode berikut pada kode CSS yang kamu miliki : #navigation img{width:0px; height:0px;} Penjelasan: width:0px - Properti width (lebar) menentukan lebar suatu elemen, dalam hal ini gambar logo friendster memiliki lebar 0 piksel, yang berarti logo tersebut tidak akan ditampilkan. height:0px - Properti height (tinggi) menentukan tinggi suatu elemen, dalam hal ini

20 gambar logo friendster memiliki lebar 0 piksel, yang berarti logo tersebut tidak akan ditampilkan. Tips: Cara termudah untuk mengedit kode CSS kamu adalah dengan menggunakan notepad. Salin seluruh kode ke notepad, lakukan pengeditan, dan setelah selesai, paste kembali ke dalam kotak kode CSS. Cara penulisan kode CSS bisa dimodifikasi untuk memudahkan pengeditan yaitu seperti berikut: Kode awal: #navigation img {width: 0px; height: 0px;} Dimodifikasi menjadi: #navigation img { width: 0px; height: 0px; } Memasukkan Banner/Logo Baru Langkah selanjutnya adalah meletakkan gambar untuk menggantikan logo FS. Sebelumnya kamu harus sudah siap dengan link gambar yang akan dimasukkan. Kamu bisa menggunakan gambar yang sudah tersedia di internet atau menggunakan gambar kamu sendiri. Saya juga telah membuat contoh banner yang bisa kamu gunakan. Saya sarankan kamu membaca tips pada akhir tulisan ini terlebih dahulu sebelum melakukan langkah berikutnya. OK, sekarang saya anggap bahwa kamu sudah memiliki alamat URL gambar yang akan dimasukkan. Selanjutnya ikuti langkah-langkah berikut : 1. Pada kode CSS yang telah kamu buat, cari kode baris berikut ini: /* BOX BG & BORDER: NAV BAR */ #navigation { background-color:transparent; background-image:none; } atau: /* BOX BG & BORDER: NAV BAR */ #navigation { background-color: transparent; background-image: none; }

21 2. Masukkan kode properti, alamat URL gambar kamu, dan kode pendukungnya sehingga terlihat seperti ini: #navigation { background-color: transparent; background-image: url(url gambar kamu); margin-left: 0px; margin-right: 0px; padding: 0px; width: 940px; height: 121px; } Penjelasan: background-color: transparent; - Properti background-color menentukan warna latar, dalam hal ini transparan. background-image: url(url gambar kamu); - Properti background-image menentukan gambar latar, dalam hal ini adalah gambar pada alamat URL yang tertera. margin-left: 0px; Properti margin-left menentukan ruang (space) di bagian kiri elemen, dalam hal ini tidak terdapat ruang kosong antara gambar dengan batas kiri. margin-right: 0px; - Properti margin-right menentukan ruang (space) di bagian kanan elemen, dalam hal ini tidak terdapat ruang kosong antara gambar dengan batas kanan. padding: 0px; Properti padding menentukan ruang (space) di sekitar elemen, dalam hal ini tidak terdapat ruang kosong antara gambar dengan batas luar. width: 940px; - Properti width (lebar) menentukan lebar suatu elemen, dalam hal ini gambar yang kamu masukkan memiliki lebar 940 piksel. height: 121px; - Properti height (tinggi) menentukan tinggi suatu elemen, dalam hal ini gambar yang kamu masukkan memiliki tinggi 121 piksel. Tips: Agar tampilan banner terlihat proporsional, pastikan properti width dan height memiliki nilai yang sama dengan ukuran gambar kamu. Ukuran gambar yang tepat menurut saya adalah 940x121 piksel. Saya telah membuat beberapa macam banner yang bisa kamu gunakan. Untuk mendapatkan URL-nya, klik kanan pada gambar: Pengguna Internet Explorer: Pilih Properties, Lihat Address URL Pengguna Opera: Pilih Image Properties, Lihat Address Pengguna Mozilla Firefox: Pilih Copy Image Location, Lihat XXX Berikut ini beberapa gambar yang bisa kamu pakai sebagai pengganti banner Friendster :

22

23 sumber : Menghilangkan Iklan di Friendster Iklan di Friendster sangat besar yah? Dan itu benar-benar mengganggu, maka sudah selayaknya iklan tersebut kita musnahkan untuk selama-lamanya... hahaha... Untuk menghilangkan iklan di Friendster dapat dilakukan dengan memasukkan kode dibawah ini ke dalam CSS Box Friendstermu : /* HIDE FOOTER ADS - FRIENDSTER-TWEAKERS.COM */.adheadline,.adtext,.adlink { filter: alpha(opacity=0); opacity:.00; height:0px!important; width:0px!important; text-decoration: none; color: #ffffff; font-size:0px!important; } #sn_adbrite { left:-5500px; } Jika cara ini belum berhasil coba dengan kode yang ini : #sn_fadsdiv { filter: alpha(opacity=00); opacity: 0.0; top: -999px; } Yang ini untuk menghilangkan iklan di kotak More About Me, langsung aja copy paste kode berikut di CSS Boxmu :

24 /* REMOVE MORE ABOUT ME ADS */.fullwidth { width:0px!important; height:0px!important; position:absolute; top:-5500px; background-color:transparent; filter:alpha(opacity=0);opacity:.0; } Selamat Mencoba... Memodifikasi Tampilan Testimonial Berikut ini kode yang mungkin kamu butuhkan untuk mengubah huruf testimonial, tanggal, dll. Masukkan saja kode berikut kedalam CSS Box kamu. /* STYLES FOR TESTIMONIALS */ /* #1 */.left_column_testimonials_content a strong,.left_column_testimonials_content a:active strong,.left_column_testimonials_content a:visited strong, { font-size:10px; color:#000000!important; font-weight:normal; font-style:normal; text-decoration:underline; }.left_column_testimonials_content a:hover strong, { font-size:10px; color:#000000!important; font-weight:normal; font-style:normal; text-decoration:overline; } /* #2 */.left_column_testimonials_content.date { font-size:10px; color:#000000!important; font-weight:normal; font-style:normal; text-decoration:none; } /* #3 */.left_column_testimonials_content { color:#000000!important; } /* #4 */.testimonialbody { font-size:10px; line-height:normal; border:none; color:#000000; font-weight:normal; font-style:normal; text-decoration:none; } Kode diatas berisi 4 bagian : Bagian #1 mengontrol tampilan nama temanmu. Saat normal atau saat ada mouse diatasnya. #2 untuk tanggal testimonial #3 untuk warna divider antara nama dan tanggal dan #4 untuk text testimonial. Kamu juga bisa menempatkan kotak yang bisa discrolling pada testi. Caranya, tambahkan kode ini di bawah kode diatas :

25 /* TESTIMONIALS SCROLLINGBOXES */ div.testimonialbody{padding: 5px 2px 5px 2px; overflow: auto; border:1px black solid; height: 80px; } Untuk height bisa kamu ubah tingginya sesuka hati, misalnya 100px, 200px, dsb. Ini ada kode lain yang bisa digunakan untuk memasang scroll pada testimonial box : /* SCROLLABLE TESTIMONIALS BOX */ #testimonialscontent{height:250px; overflow:auto;} Silahkan dicoba-coba sendiri yah Friendster Generator Mengenal Friendster Generator Friendster Generator adalah suatu perangkat yang akan membantu kita untuk memasukkan aneka perangkat baru untuk melengkapi fasilitas di profile friendster kita. Anda bisa membukanya di SINI Perlu diketahui, meskipun Friendster mengijinkan kita untuk memasukkan kode-kode HTML, tapi mereka tak mengijinkan kita untuk memasukkan javascript. Padahal banyak javascript yang lumayan bagus untuk menghias profile friendster kita. Selain javascript, friendster juga tak mengijinkan penggunaan IFrame yang sebenarnya sangat berguna untuk membuat shoutbox atau kotak pesan bagi pengunjung profile friendster kita. Cara Kerja Friendster Generator Cara kerja friendster generator ini cukup mudah, kamu hanya perlu memasukkan code HTML, atau Javascript ataupun Meta Redirect ke dalam kotak Compile yang tersedia. Selanjutnya kamu bisa langsung mengklik tombol Compile dan akan mendapatkan kode Hexadecimal di kotak HEX bagian bawah. Apabila telah selesai, copylah kode hexadecimal tersebut lalu pastekan ke Media Box yang ada di halaman Costumize. Lalu lihatlah profile Friendstermu. Memasang komentar rahasia Ada kalanya kamu bikin website dengan kode yang panjangnya amit-amit dan sangat rumit. Dan ketika di jalankan..eh..ternyata ada bagian yang nggak bisa nongol dengan sempurna. kamu lalu nyari di mana letak kesalahan..satu persatu..fuiiih capek khann?? Hal itu nggak akan terjadi kalo kamu nempatin tag ini di setiap bagian web site :

26 <!-- Komentar --> Yup cukup ini aja, bisa pula kamu tambahin menjadi seperti ini biar jelas <!-- ******************** Ini tabel menu ******************** --> Tempatkan di awal tabel menu, form isian atau bagian lainnya. Dan saat bagian itu tak berfungsi normal, kamu tinggal nyari komentar yang udah kamu sisipkan. Tag ini takkan muncul di browser, tapi ketika kamu melihat source code nya maka komentar ini akan muncul. Biasanya komentar ini digunakan pada website yang memiliki script yang sangat panjang dan rumit.