Ok sebagai pemulaan ane kasi dasar2 nya dolo yeee
gimana mentweak FS kita
>> dengan menggunakan CSS atau variasi JS
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 <h1 class=”header”>Pengantar</h1>.
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.
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 :
>>
http://friendster-tweakers.com/tools/friendster-editor/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: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}
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.
http://indomie.fileave.com/belajarcss.txtdan untuk sentuan magic tambaan liat disini
http://indomie.fileave.com/kode magic.txt
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)
/* 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
sebagai ostingan dri file2 code yg tela kamu buat
Setelah kamu register.
Klik My Files.
Kemudian Upload Files.
Setelah itu, kamu browse file CSS yang kamu edit di Notepad tadi.
Dan klik Upload.
Kemudian klik Return to My Files untuk kembali ke root awal.
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.
Kamu copy dan paste CSS linker yg sudah berhasil digenerate
ke Media Box.
nb : buat lingker pm ane aja yeeeKlik Save dan
Selamat kamu telah berhasil mentweak FS kamu dengan CSS!
buat JS nya nyusul yee
oke2 ave a nice tweak epelione