Sedikit Tip's Untuk Friendster

Teman ku Yang Baik.....
disini, kami mau memberikan sedikit tips mengenai friendster, menggunakan javascrip

JS=JavaScript.
Quote dari web--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 :
:norose:Edit Friendster (http://www.cubancouncil.com/friendster/)
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.

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

Contoh kode yg kamu dapat setelah digenerate:

Code:

/* 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: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}

Setelah itu save dengan nama sesuka hati kamu, misalnya : terserah.css
:exclaim: Format filenya harus .css
Nah jika ingin menghilangkan banner, navigation, footer, google ads. =D
Kamu bisa lihat kode2nya di sini.
Perhatikan perbedaan antara CSS code dan JS code. :confused:
Biasanya kalo JS code itu lebih ribet.
Dan baca juga dari author-thread jika dibilang itu CSS code baru bisa kamu copy di file CSS kamu.

Setelah kamu memilih kode2 CSS tweak dari link2 di atas.
Kamu tambahkan di file notepad tadi, terserah.css

Contohnya lagi jika kamu menambahkan beberapa kode CSS untuk menghilangkan bagian atas profile kamu.
(navigation, dll)

Code:

/* 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: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}

/* Kode-kode yang ditambahkan */

/* FriendsterMagic - remove top banner */
.banner_ad_fix{display:none;}

/* FriendsterMagic - remove logo */
#logo {display:none;background:transparent;}

/* FriendsterMagic remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}

/* FriendsterMagic - hide the connection box */
.meettrail{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#content_14 {display:none!important;}

/* FriendsterMagic - hide report abuse */
#reportabuse{display:none;}

/* FriendsterMagic - remove featured sponsor */
#marketing_bg{display:none;background:transparent; }

Setelah itu kamu save lg..
Jangan lupa dengan format .css

Tentu saja jika kamu copy dan paste kode CSS yang telah ditambahkan kode CSS untuk menghilangkan bagian atas di bagian Customize CSS profile kamu. (Edit Skin > Customize CSS Box)
Maka hanya beberapa kodenya saja yg jalan. Kode untuk menghilangkan Google Ads tidak akan jalan.

Oleh sebab itu, di sini kita akan menggunakan CSS linker.



Sebelumnya, kamu register dulu di ripway.com (www.ripway.com)
Langsung sajah ke sini Sign Up Ripway Account

Setelah kamu register.
Klik My Files.

Kemudian Upload Files.

Setelah itu, kamu browse file CSS yang kamu edit di Notepad tadi.

Dan klik Upload.

Setelah itu kamu akan melihat file terserah.css tadi yg sudah terupload.

Note:
Jika kamu ingin mengedit atau menambahkan kode2 CSS lagi.
Kamu tinggal klik Edit Text.

Setelah berhasil mengupload file CSS tadi.
Kamu copy URL CSS kamu.




Dan untuk menginjeksi file CSS kamu tadi. (external CSS)
Kamu pakai yang namanya CSS linker.

Lihat bagian bawah post ini untuk LINKER TERBARU. =)

Kamu copy dan paste CSS linker yg sudah berhasil digenerate
ke Media Box.

Klik Save dan

Selamat kamu telah berhasil mentweak FS kamu dengan CSS! :D