13 May 2007

Modifikasi Friendster

Friendster adalah jaringan perkawanan (sosial networking) yang sangat terkenal di belantara internet, saking terkenalnya, saya yakin para pengelana maya seperti anda pasti memiliki account di friendster, walaupun hanya sekedar daftar. Friendster menyediakan halaman profil sebagai tanda pengenal anda terhadap anggota Friendster lain, halaman ini bisa anda modifikasi sesuka hati (baca:hanya tampilannya) dengan menggunakan kode kode CSS.



Karena keterbatasan waktu saya hanya bisa menjelaskan beberapa kode saja. Berikut adalah kode standar yang biasa digunakan:

   body {

1. background-color: black;

2. background-image: url(http://thezaoldyeck.1111mb.com/bg.jpg);

3. background-attachment: fixed;

4. font-family: arial;

5. color:black;

6. font-size: 12pt;

7. cursor: hand, move, auto;

   }



Berikut penjelasannya sesuai nomor urut yang disertakan,,

  1. Kode ini digunakan untuk memberikan warna latar belakang dari profil anda, nilai yang saya berikan adalah "black", berarti latar belakang akan berwarna hitam.
  2. Kode yang digunakan untuk memberikan suatu gambar sebagai wallpaper anda. "url(....)" berarti gambar latar belakang ini beralamat di url yang berada dalam tanda kurung itu. Cara mencari gambarnya, silahkan kunjungi situs yang memiliki gambar yang anda sukai, klik kanan pada gambar itu, lalu pilih "copy image location" (menggunakan firefox), terakhir pastekan alamat yang di-copy tersebut, diantara tanda kurung tadi.
  3. Fixed berarti ketika browser anda scroll, maka latar belakang tidak ikut bergerak/diam (fixed).
  4. Kode ini menyatakan jenis huruf yang digunakan pada profil.
  5. Black berarti semua warna huruf pada profil adalah hitam.
  6. 12pt adalah ukuran huruf yang anda akan gunakan.
  7. Kode ini menyatakan jenis kursor yang akan tertampil di layar monitor.



Nilai-nilai yang ada pada kode tersebut bisa anda ubah sesuai keinginan anda. Untuk menggunakan kode itu, berikut ini caranya:



- Login ke Friendster anda

- Klik link ke "edit profile"

- Pilih tab costumize

- Cari textbox Advanced users: Personalize your profile with CSS

- Copy kode diatas (hanya bagian yang berwarna biru)

- Paste-kan kode itu pada textbox tadi

Sebenarnya ini "hanya" bagian yang sangat kecil dari kode yang ada, tapi untuk pemula ini sudah cukup, karena dulu saya juga mempelajari dari hal hal kecil seperti ini. Agar bisa menguasai lebih banyak CSS, silahkan buka link ini, atau sering seringlah mengunjungi blog ini, karena saya akan sering menulis tentang hal ini./p>

PS: Bila anda telah menggunakan kode CSS sebelumnya, letakan kode tadi pada bagian terakhir CSS anda (setelah kode yang sudah ada sebelumnya). Agar kode ini menggagalkan kode sebelumnya, karena CSS yang paling bawah ditulis akan mengabaikan kode yang sama yang berada diatasnya.

No comments:

Post a Comment