cara mentweak FS mu

:arrow:Apa itu CSS dan JS?
CSS = Cascading Style Sheet .
Quote dari web--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

Pengantar

.

Dengan CSS ini, 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.
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 :
:arrow:Edit Friendster
:arrow: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.

:arrow: 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 */<br />/* http://www.editfriendster.com */<br /><br />/* PAGE BACKGROUND */<br />body {<br /> background-image: url(http://images.friendster.com/images/homebg.gif);<br /> background-attachment: fixed;<br /> background-repeat: no-repeat;<br /> background-color: #ffffff;<br /> cursor: ;<br />}<br />/* MASTER BOXES */<br />.commonbox {<br /> border-color: #ffffff;<br /> background-color: #000000;<br />}<br />/* MASTER HEADERS */<br />.commonbox h1, .commonbox h2 {<br /> color: #ffffff;<br />}<br />/* CONTROL PANEL: BOX */<br />.controlpanel {<br /> background-color: #000000;<br />}<br />/* CONTROL PANEL: USER PHOTO */<br />.controlpanel .imgblock200 {<br /> border-color: #ffffff;<br />}<br />/* CONTROL PANEL: DATA */<br />.data a {<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: MORE ABOUT ME LINK */<br />a.more {<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: BUTTONS */<br />#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {<br /> font-family: Arial, Sans-serif;<br /> text-decoration: ;<br />}<br />#controlPanelButtons a:hover {<br /> font-family: Arial, Sans-serif;<br /> text-decoration: ;<br />}<br />/* MISC: TESTIMONIALS/REVIEWS TEXT */<br />.data {<br /> font-family: Arial, Sans-serif;<br /> color: #;<br /> text-transform: ;<br />}<br /><br />

Setelah itu save dengan nama sesuka hati kamu, misalnya : terserah.css
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. :exclaim:
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 */<br />/* http://www.editfriendster.com */<br /><br />/* PAGE BACKGROUND */<br />body {<br /> background-image: url(http://images.friendster.com/images/homebg.gif);<br /> background-attachment: fixed;<br /> background-repeat: no-repeat;<br /> background-color: #ffffff;<br /> cursor: ;<br />}<br />/* MASTER BOXES */<br />.commonbox {<br /> border-color: #ffffff;<br /> background-color: #000000;<br />}<br />/* MASTER HEADERS */<br />.commonbox h1, .commonbox h2 {<br /> color: #ffffff;<br />}<br />/* CONTROL PANEL: BOX */<br />.controlpanel {<br /> background-color: #000000;<br />}<br />/* CONTROL PANEL: USER PHOTO */<br />.controlpanel .imgblock200 {<br /> border-color: #ffffff;<br />}<br />/* CONTROL PANEL: DATA */<br />.data a {<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: MORE ABOUT ME LINK */<br />a.more {<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: BUTTONS */<br />#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {<br /> font-family: Arial, Sans-serif;<br /> text-decoration: ;<br />}<br />#controlPanelButtons a:hover {<br /> font-family: Arial, Sans-serif;<br /> text-decoration: ;<br />}<br />/* MISC: TESTIMONIALS/REVIEWS TEXT */<br />.data {<br /> font-family: Arial, Sans-serif;<br /> color: #;<br /> text-transform: ;<br />}<br /><br />/* Kode-kode yang ditambahkan */<br /><br />/* FriendsterMagic - remove top banner */<br />.banner_ad_fix{display:none;}<br /><br />/* FriendsterMagic - remove logo */<br />#logo {display:none;background:transparent;}<br /><br />/* FriendsterMagic remove search form*/<br />#search {display:none;background:transparent;}<br />#search form {display:none;background:transparent;}<br /><br />/* FriendsterMagic - hide the connection box */<br />.meettrail{display:none;background:transparent;}<br /><br />/* FriendsterMagic - hide google ads */<br />#content_14 {display:none!important;}<br /><br />/* FriendsterMagic - hide report abuse */<br />#reportabuse{display:none;}<br /><br />/* FriendsterMagic - remove featured sponsor */<br />#marketing_bg{display:none;background:transparent;}<br />

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.

Posted in: LOVE,Teater,Tips For Friendster