Tweak Friendster With JS Part 1

Ini adalah cara mentweak fs kita ato bisa di bilang edit fs sesuka lo.

Ok…mari kita mulai…..tapi baca dengan seksama…jika di longkap2 pasti pusing deh.

Pertama yg harus kalian tau adalah CSS dan JS.

CSS = Cascading Style Sheet .
Sebuah dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web, CSS ini bersifat embeded pada tag HTML yang artinya menempel atau melekat pada tag HTML.

Sebagai Contoh embeded seperti di bawah ini :

/* MASTER HEADERS */

.commonbox h1, .commonbox h2 {

color: #ffffff;

}

Dengan CSS, kita bisa mengontrol/mengatur seluruh tampilan halaman web dengan hanya sebuah dokument CSS, biasanya ekstensi untuk file CSS adalah .css (dot css).

Jadi pada dasarnya CSS itu untuk desain tampilan layout profile kamu.
Misalnya : BackGround (BG) image, warna font, jenis font, warna border, dll.

JS=JavaScript.
JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

JS bisa ditambahkan ke tweak FS kamu jika ingin menambah beberapa macam fungsi, spt mp3 player, whos viewed me (wvm), slideshow, guestbook, IP tracker, chatbox, dll. (Banyak sekali JS dengan berbagai fungsi yg bisa ditemukan di ftalk dan FTI).

Langkah-Langkah Mentweak FSmu dengan CSS.

Untuk lebih gampangnya silahkan buka Notepad kamu.

Untuk kode dasar CSS.
Kamu bisa ke profile editor di bawah ini :
Edit Friendster
Friendster-Tweakers

Di sana kamu akan dapat basic CSS kode.
Dimana navigation bar, google ads, dan hal2 lain masih akan nongol di profile kamu.
Jika tidak ditambahkan kode2 CSS lain.

Copy semua code yang kamu dapat setelah generate di editor itu ke Notepad-nya.

Contoh kode yg kamu dapat setelah digenerate:

/* michael's friendster profile editor v4.1 */

/* http://www.editfriendster.com */

/* PAGE BACKGROUND */

body {

  background-image: url(http://images.friendster.com/

images/homebg.gif);

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-color: #ffffff;

  cursor: ;

}

/* MASTER BOXES */

.commonbox {

  border-color: #ffffff;

  background-color: #000000;

}

/* MASTER HEADERS */

.commonbox h1, .commonbox h2 {

  color: #ffffff;

}

/* CONTROL PANEL: BOX */

.controlpanel {

  background-color: #000000;

}

/* CONTROL PANEL: USER PHOTO */

.controlpanel .imgblock200 {

  border-color: #ffffff;

}

/* CONTROL PANEL: DATA */

.data a {

  text-decoration: ;

}

/* CONTROL PANEL: MORE ABOUT ME LINK */

a.more {

  text-decoration: ;

}

/* CONTROL PANEL: BUTTONS */

#controlPanelButtons a, #controlPanelButtons a:link,

#controlPanelButtons a:visited {

  font-family: Arial, Sans-serif;

  text-decoration: ;

}

#controlPanelButtons a:hover {

  font-family: Arial, Sans-serif;

  text-decoration: ;

}

Ini hanya contoh.

Setelah itu save dengan nama sesuka hati kamu, misalnya : terserah.css Format filenya harus *.css.

Ini baru penjelasan dari css.......belum inti dari tweak fs yg saya maksud, tunggu part berikutnya.

by : Feri Wiliandi Pradana