Yap di sini adalah thread yang merupakan kompilasi beberapa thread.
Mengenai cara tweak profile friendster kamu dengan CSS maupun JS.
Karena maksimal karakter untuk post itu 64kb.
Maka post di thread ini akan dijadikan 3 post.
[hr][hr][hr][hr][hr]
Taken from [url=http://theftalk.com/t21339-%7BTUTORIAL%7D-Tweak-FS-for-newbie.html][b]Tweak FS For Newbie[/b][/url].
[spoiler]Selamat Pagi/Siang/Malam para member fti tercinta semua. :rose:
Di sini, saia ingin memberi [b]tutorial dasar[/b] bagi para newbie.
Karena masih banyak beberapa org awam yg tidak mengerti bagaimana cara men[b]tweak[/b] FSnya.
Sehingga kadangkala kita menemukan para newbie yang salah posting.
Dan menanyakan cara-cara mengedit FS mereka.
Oleh sebab itu, saia ingin membagi sedikit penjelasan dasar.

Kepada para newbie/anggota baru d fti.
Mengenai [u]cara tweak FS[/u] dengan CSS dan JS.
[hr][hr][hr]

[b]Bagaimana cara mentweak FS kita?[/b]
Dengan menggunakan [u]CSS[/u] atau dengan [u]variasi JS[/u].

[hr]

[b]Apa itu CSS dan JS?[/b]
[color=blue][b]CSS = Cascading Style Sheet .[/b][/color]
Quote dari web--[i]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).[/i]
Jadi pada dasarnya CSS itu untuk desain tampilan layout profile kamu.
Misalnya : BackGround (BG) image, warna font, jenis font, warna border, dll.
[hr]
[color=blue][b]JS=JavaScript.[/b][/color]
Quote dari web--[i]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.[/i]
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.)
[hr][hr][hr][hr]
[quote][b][color=red]Langkah-Langkah Mentweak FSmu dengan CSS.[/b][/color][/quote]
Untuk lebih gampangnya silahkan buka [b]Notepad[/b] kamu.
Untuk kode dasar CSS.
Kamu bisa ke profile editor di bawah ini :

[url=www.editfriendster.com]Edit Friendster[/url]

[url=http://friendster-tweakers.com/tools/friendster-editor/]Friendster-Tweakers[/url]
Di sana kamu akan dapat basic CSS kode.
Dimana navigation bar, google ads, dan hal2 lain masih akan nongol di profile kamu.
[i]Jika tidak ditambahkan kode2 CSS lain.[/i]

[b]Copy[/b] semua code yang kamu dapat setelah [i]generate[/i] di editor itu ke [b]Notepad[/b]-nya.
Contoh kode yg kamu dapat setelah digenerate:
<">Setelah itu save dengan nama sesuka hati kamu, misalnya : [b]terserah.css[/b]

Format filenya harus [b].css[/b]
Nah jika ingin menghilangkan [b]banner, navigation, footer, google ads[/b].

Kamu bisa lihat kode2nya di sini.

[url=http://theftalk.com/t10469-Compilation-Hide-Codes-%28CSS-Codes%29.html]Compilation of Hide Codes (CSS Codes)[/url]

[url=http://theftalk.com/t7694-Complete-Compilation-Codes%21.html]Complete Compilation of CSS Codes![/url]

[url=http://theftalk.com/t8106-%26%239827%3B-Magic-Code-Untuk-Extension-%26%239827%3B-%28for-newbie%29.html]♣ Magic Code Untuk CSS Extension ♣ (for newbie)[/url]
Untuk variasi kode CSS lain, kamu bisa ke [b][url=http://theftalk.com/f4-Friendster-Tricks-Tutorials.html]Tricks and Tutorials[/url].[/b]
[quote][i]Perhatikan perbedaan antara CSS code dan JS code.

Biasanya kalo JS code itu lebih ribet.
Dan baca juga dari [b]author-thread[/b] jika dibilang itu CSS code baru bisa kamu copy di file CSS kamu.
[/i][/quote]
Setelah kamu memilih kode2 CSS tweak dari link2 di atas.
Kamu tambahkan di file notepad tadi, [b]terserah.css[/b]
Contohnya lagi jika kamu menambahkan beberapa kode CSS untuk menghilangkan bagian atas profile kamu.
(navigation, dll)
<">Setelah itu kamu save lg..
Jangan lupa dengan format [b].css[/b]
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 [b][color=blue]CSS linker[/color].[/b]
[hr][hr]
Sebelumnya, kamu register dulu di [url]ripway.com[/url]
Langsung sajah ke sini [url=http://ripway.com/signup.asp]Sign Up Ripway Account[/url]
Setelah kamu register.
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/01.jpg[/img][/quote]
Klik [b]My Files.[/b]
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/02.jpg[/img][/quote]
Kemudian [b]Upload Files.[/b]
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/03.jpg[/img][/quote]
Setelah itu, kamu browse file CSS yang kamu edit di Notepad tadi.
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/04.jpg[/img][/quote]
Dan klik [b]Upload.[/b]
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/05.jpg[/img][/quote]
Setelah itu kamu akan melihat file [b]terserah.css[/b] tadi yg sudah terupload.
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/06.jpg[/img][/quote]
Kemudian klik [b]Return to My Files[/b] untuk kembali ke root awal.
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/08.jpg[/img][/quote]
[i]Note:
Jika kamu ingin mengedit atau menambahkan kode2 CSS lagi.
Kamu tinggal klik [b]Edit Text.[/b][/i]
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/07.jpg[/img][/quote]
Setelah berhasil mengupload file CSS tadi.
Kamu [b]copy [/b] URL CSS kamu.
Dan untuk menginjeksi file CSS kamu tadi. [i](external CSS)[/i]
Kamu pakai yang namanya [b]CSS linker.[/b]
[quote][color=red]Lihat bagian bawah post ini untuk [b]LINKER TERBARU[/b].

[/color][/quote]
Kamu copy dan paste CSS linker yg sudah berhasil digenerate
ke [b]Media Box.[/b]
[quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/09.jpg[/img][/quote]
Klik [b]Save[/b] dan
Selamat kamu telah berhasil mentweak FS kamu dengan CSS!

[hr][hr][hr][hr]
Setelah ituh. [i]**bagian paling susah. tp gag akan susah lg jika kamu belajar.
![;]](img/smilies/wink.gif)
[/i]
Kalau kamu ingin menambah fungsi JS.
Kamu bisa ke tutorial [b]Bang Kanal.[/b] dan [b]Sis Anna.[/b] dan [b]Mickyriora[/b] untuk penjelasannya.

[url=http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-Addbox-%28UPDATE-08-03-08%29.html]Kombinasi Addbox dan JS[/url]

[url=http://theftalk.com/t8003-Eksternal-File.html]JS & CSS Eksternal File[/url]

[url=http://theftalk.com/t15088-Compiling-javascripts-file.html]Compiling Javascripts File[/url]
Untuk menambah fungsi2 JS lainnya.
Kamu bisa langsung ke sini untuk lebih lengkapnya..
[quote][color=green][b][url=http://theftalk.com/t23092-FTalk-Indonesia-Index-Directory-%5BCategorical%5D.html]FriendsterTalk Indonesia Indeks/Direktori[/url][/b][/color][/quote]
[hr][hr][hr][hr]
[color=green][b]:: FROM TRICKS AND TUTORIALS SECTION ::[/b][/color]
[b]Javascript functions explained by marfillaster:[/b]
[url]http://theftalk.com/viewtopic.php?id=5163&p=1[/url]
[b]Random Photo Gallery by Feruzz:[/b]
[url]
http://theftalk.com/t16330-Random … ED%5D.html[/url]
[b]Friends Randomizer by Marfillaster[/b]
[url]http://theftalk.com/viewtopic.php?id=5764&p=1[/url]
[b]Quick Message Box[/b]
[url]http://theftalk.com/viewtopic.php?id=3626&p=1[/url]
[b]AntiPoser Cbox With Smilies[/b]
[url]
http://theftalk.com/t8446-AntiPos … dated.html[/url]
[b]Vertical Slide in your Friends Box[/b]
[url]
http://theftalk.com/viewtopic.php … 96&p=1[/url]
[b]addNewBox.HTML Function by Feruzz[/b]
[url]
http://theftalk.com/t7930-addNewB … 28Nov.html[/url]
[b]Marfillaster's addBox gen.[/b]
[url]http://h1.ripway.com/mumbhaki/addBoxGenerator.html[/url]
[b]Loading trick for all browser by Ezil2007:[/b]
[url]http://theftalk.com/viewtopic.php?id=9412&p=1[/url]
[b]Enterpage trick by Tazmaine...I'm going to link you to xavierkym's post since his is updated smile[/b]
[url]
http://theftalk.com/t6652-another … works.html[/url]
[b]Viewer's Main Photo by Feruzz:[/b]
[url]http://theftalk.com/viewtopic.php?id=9141&p=1[/url]
[b]Photo Gallery Slide by mdirwan:[/b]
[url]
http://theftalk.com/t5696-Change- … MAGE..html[/url]
[b]Force log-in script:[/b]
[url]http://theftalk.com/t2535-Force-script.html[/url]
[b]Moving box contents by Feruzz:[/b]
[url]http://theftalk.com/t2052-Moving-Content.html[/url]
[b]wvmcbox mode by Feruzz:[/b]
[url]http://theftalk.com/t3117-CBOX-Mode.html[/url]
[b]Icon under controlpanel buttons[/b]
[url]http://theftalk.com/viewtopic.php?id=5437&p=1[/url]
== == == == == = = = =
[b]Compilation of Tricks and Tutorials (Sort by Contributors' Name)[/b]
[url]http://theftalk.com/t22054-Compilation-Tricks-Tutorials-(Sort-Contributors'-Name).html[/url]
[b]Tricks And Tutorial Directory [Categorical][/b]
[url]http://theftalk.com/t22065-Tricks-Tutorial-Directory-%5BCategorical%5D.html[/url]
[hr][hr][hr][hr]
[i]FYI :
Kamu bisa menginjeksi file external CSS kamu ke dalam kompilasi JS kamu.
Tanpa harus memasukkan CSS linker ke media boxmu.
.gif)
Dengan memasukkan kode di bawah ini di script JS kamu.[/i]
[i](Note: Taruh kode ini di bagian paling atas script JSnya)[/i]
[quote]//css injection
var v=document.createElement('link');
v.rel='stylesheet';
v.media='screen, print';
v.href='[b]CSS_URL[/b]';
navigation.appendChild(v);[/quote]

Untuk file JS.

Simpan dengan format [b].js[/b] atau [b].txt[/b]
Uploadkan di web hosting kamu (ripway.com).
Setelah berhasil diupload. Copy [b]URL JS[/b] kamu tadi di JS linkernya.
[hr]
Cara memasukkan JSnya sama dengan CSS cuman kali ini kita memakai [b]JS Linker[/b].
Copy linkernya dan paste di [b]Media Box[/b].

[hr]
[quote][b]CSS Linker Only 21.04.08[/b]
Credits to The Cradle
<">Generate dengan URL File CSS kamu lalu copy kode yang telah digenerate dan paste di Media Box.[/quote]
[quote][b][color=red]Pengumuman. 24 Maret 2008.[/color]
Sehubungan dengan adanya proses Filter Linker.
Maka thread mengenai linker akan dipindahkan ke The Backstage (Section khusus Moderators).
Kalau ada yang ingin bertanya Linker.
Silahkan PM para moderators atau member2 lain yang mengetahui linker terbaru.

Atau ke [/b][url=http://theftalk.com/f5-Friendster-Underground.html][b]Friendster Underground[/b][/url][b] untuk informasi Linker terbaru.
[color=red]Perhatian :[/color]
Linker hanya akan diberikan kepada member2 yang memenuhi syarat di bawah ini :

Minimal total post 20.

Sudah teregister lebih dari seminggu.[/b][/quote]
[hr][hr][hr][hr]
[spoiler][color=purple][b]Added info:
[u]addBox[/u] = box2 yang ingin kamu tambahkan ke profile kamu dengan memakai kode2 js. pada awalnya addBoxnya misalnya mp3 player berupa kode HTML kemudian digenerate di addBox code generator.
nah kode yg digenerate itu yang dicopas ke kompilasi file JSmu.
[u]WVM[/u] = singkatan "whos viewed me". kan byasanya cuman bs dilihat scr manual dri Home. kalo pake wvm hosting, itu bisa nongol di profilemu. dengan gambar usernya. dan berbagai modifikasi wvm yg ada.
![;]](img/smilies/wink.gif)
[u]JS injection[/u] = penyisipan script javascript (JS) untuk memanipulasi isi dari suatu web.
[u]CSS injection[/u] = penyisipan script CSS untuk mengubah tata desain/layout suatu web.[/b][/color]
Untuk term lainnya, jika masih bingung, silahkan ke thread ini.

[url=http://theftalk.com/t23618-Confusing-words-or-terms-for-Newbies..html][b]Confusing Term for Newbie[/b][/url][/spoiler]
[hr]
[spoiler][color=green][b]Credits to Everyone[/b][/color][/spoiler]
Happy tweaking everyone...



[/spoiler]
[hr][hr][hr][hr][hr]
Taken from [url=http://theftalk.com/t8003-%7BTUTORIAL%7D-JS-%26-CSS-Eksternal-File.html][b]JS & CSS Eksternal File[/b][/url].
[spoiler][align=center][b]KOSTUMASI DG FILE EKSTERNAL [/b][/align]
[quote][align=center]credits untuk [b]sir ArchAngel[/b] buat JS Linker na

..klik aja gambar di bawah

buat bikin js linker na ya ...
[url=http://the-cradle.users-board.com/JS-Linker-h63.htm][img]http://i214.photobucket.com/albums/cc192/anna_mareta/de_cradle-1.png[/img][/url][/align][/quote]
Eksternal File adalah file eksternal yg disimpan di luar friendster.com , yg akan meng-override/nimpa seting tampilan FS asli ; dengan me-link eksternal file tsb ke FS.
Sebelum bisa memilliki file di hosting site yg akan dipakai, pd umumnya kita akan diminta untuk membuka account sendiri. (disini diberi contoh dg menggunakan ripway.com untuk keperluan eksternal file)
[b]1. Membuat Account di Host Site dan Membuat File Eksternal secara Online[/b]
Untuk membuat account baru di ripway.com, klik

[url]http://ripway.com/signup.asp[/url]
Setelah account terbuat :

Login ke account ripway.com baru tersebut dan kemudian pilih [b]My Files[/b] di menu utama
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/pilih_myfiles.png[/img]
[align=center][color=orange][b][i]Gambar a[/b][/i][/color] [/align]

Pada halaman selanjutnya , lihat di sebelah kanan atas, dan dapat dipilih [b]Create Text File[/b] , untuk memulai membuat file eksternal.
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/create_textfile.png[/img]
[align=center][color=orange][b][i]Gambar b[/b][/i][/color] [/align]
yg mana akan didapatkan , semacam notepad online spt gambar berikut ; dimana kode2 untuk memodifikasi FS akan dimasukan disini :
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/online_notepad.png[/img]
[align=center][color=orange][b][i]Gambar c[/b][/i][/color] [/align]
[b]2. Memasukan kode CSS dan membuat file eksternal CSS.[/b]
Kode CSS adalah kode2 yg dipakai untuk mengatur tampilan dari halaman web.
Contoh kode CSS yg dipakai dalam modifikasi FS , misalnya :
<">

Masukan kode diatas ke online notepad tadi
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/code_css1.png[/img]
[align=center][color=orange][b][i]Gambar d[/b][/i][/color] [/align]

Beri nama file dg ekstensi CSS (ekstensi CSS berarti dibelakang nama harus dikasih [b].CSS[/b]), misalnya beri nama file dengan nama kode_css[b].CSS[/b]
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/saving_css.png[/img]
[align=center][color=orange][b][i]Gambar e[/b][/i][/color] [/align]
dan klik tombol Save yg terletak di sudut kanan bawah dari online notepad ini, untuk nge-save file.
Page akan berubah kembali ke tampilan MyFiles, dg tambahan 1 file CSS yg baru kita save.
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/url_myfile.png[/img]
[align=center][color=orange][b][i]Gambar f[/b][/i][/color] [/align]
----------------------------------------------------------------------------------------------------------------------------
Bagian2 yg mungkin perlu diketahui, pada file yg telah dibuat :
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/bagian2.png[/img]
[align=center][color=orange][b][i]Gambar g[/b][/i][/color] [/align]
- Link Edit : akan diperlukan ketika akan modifikasi kode yg telah ada dlm file ybs.
- URL File : letak file di host site, yg akan dipakai ketika file ini mulai di link dg file lain
------------------------------------------------------------------------------------------------------------------------------
Sampai dengan ini , udah dipunyai 1 file CSS, dg kode untuk menghilangkan bagian logo FS , di profile Friendster.
Langkah selanjutnya , adalah melink file CSS di atas , ke file eksternal javascript.
[b]3. Membuat file Eksternal Javascript secara online[/b]

Klik lagi link Create Text File , sama spt pada [i]gambar b[/i] diatas
untuk mulai membuat file eskternal JS

Masukin kode berikut untuk , menghubungkan/nge-link file css dg javascript yg akan dibuat (kode berikut adalah juga salah satu contoh dari kode javascript):
[quote]var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "[color=blue]URL CSS[/color]";
css.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(css);[/quote]

ganti [color=blue]URL CSS[/color] dg url file CSS yg tadi baru dibuat
( dalam contoh nama file adalah kode_css.css
dan url file css adalah
http://h1.ripway.com/FiendsterTalkIndon/kode_css.css )
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/url_css.png[/img]
[align=center][color=orange][b][i]Gambar h[/b][/i][/color] [/align]
yg akhirna kode yg dimasukin di notepad baru adalah :
[quote]var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "[color=blue]
http://h1.ripway.com/FiendsterTalkIndon/kode_css.css[/color]";
css.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(css);[/quote]
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/kode_js.png[/img]
[align=center][color=orange][b][i]Gambar i[/b][/i][/color] [/align]

Setelah kode dimasukin, serupa dg langkah2 pembuatan file eksternal CSS , beri nama file dan save file, dg ekstensi dengan ekstensi [b][color=red]TXT[/b][/color]
(pada contoh , file diberi nama [b]kode_jsna.JS[/b])
[color=red]karena seringkali friendster memfilter esktensi JS [/color], jadi sebaikna sih

:
!!! pemberian nama js file sebaiknya dg ekstensi TXT >> [color=red] contoh nama file: kode_jsna.TXT [/color]
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/saving_js.png[/img]
[align=center][color=orange][b][i]Gambar j[/b][/i][/color] [/align]
Sekarang dah dipunyain

1 file JS (dg url na) n 1 file CSS yg udah pada ngelink
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/url_js.png[/img]
[align=center][color=orange][b][i]Gambar k[/b][/i][/color] [/align]
n langkah terakhir adalah - ngelink file Javascript yg baru dibuat ke Friendster kita

[b]4. Ngelink File Eksternal ke profile Friendster dg JS linker[/b]
Untuk ngebuat kode JS linker , bisa diklik gambar di bawah :
[quote][align=center]credits untuk [b]sir ArchAngel[/b] buat JS Linker na

..klik aja gambar di bawah

buat bikin js linker na ya ...
[url=http://the-cradle.users-board.com/JS-Linker-h63.htm][img]http://i214.photobucket.com/albums/cc192/anna_mareta/de_cradle-1.png[/img][/url][/align][/quote]
Misal tadi nama file js adalah kode_jsna.js
dan url na adalah
http://h1.ripway.com/FiendsterTalkIndon/kode_jsna.js
(dengan ekstensi TXT ,
maka url yg didapet bakalan [color=red]
http://h1.ripway.com/FiendsterTalkIndon/kode_jsna.TXT[/color] )
masukin url js ke generator nya sir ArchAngel
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/arc_generator1.png[/img]
n tros klik tombol Generate na ya ..

yg selanjutnya kode akan digenerate , dan akan didapetin alert box yg nandain bahwa kode udah selesai digenerate :
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/arc_generator2.png[/img]
[color=red]!!! Kode yg digenerate, dr waktu ke waktu akan beda2

,
jadi gapapa koq kalo kode yg didapetna beda dari contoh diatas !!!![/color]
Tutup alert box , block/tandain seluruh kode yg ada digenerator dan kopi kode na
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/arc_generator3.png[/img]
Sekarang login ke friendster , dan buka halaman Edit Profile
http://friendster.com/editprofile.php
Pilih Cuztomize Profile tab .. (
http://www.friendster.com/editskin.php?)
[img]http://i214.photobucket.com/albums/cc192/anna_mareta/customize.png[/img]

[b]Paste kode[/b] yg tadi dr generator ke bagian [b]Media Box[/b]
[img]http://i214.photobucket.com/albums/cc192/anna_mareta/media_box.png[/img]
dan klik tombol Save , yg terletak di paling bawah

Kembali ke profile FS na , refresh n liat efek , di mana untuk contoh di sini
harusna seh

logo friendster na ilang
[quote]CONTOH2 KODE :

kode2 js -->[url]http://theftalk.com/t15339-TUTORIAL-Kombinasi-Addbox-LINKER-10-12%29.html[/url]

kode2 css -->[url]http://theftalk.com/t8106-%26%239827%3B-Magic-Code-Untuk-Extension-%26%239827%3B-%28for-newbie%29.html[/url][/quote]
Semoga berhasil ya ...

Kalo code na ga berhasil, ada 2 kemungkinan :
- ada yg salah dalam kode di javascript atau CSS na (kode2na agak sensitip sih)
- Friendster baru aja ngeblock kode linker yg didapetin dari generatorna sir angel

Solusi buat yg ga jalan :
- cek dg teliti kode dalam CSS atau javascriptna

dan untuk awal pakai dulu kode yg sederhana

- kalo masalahna kode diblock >> terus cek di FTI, kalo2 ada code yg baru
.gif)

Met coba aja

n sukses wat FTI

.........Kabooor dolo

ahhh

[/spoiler]
[hr][hr][hr][hr][hr]
Taken from [url=http://theftalk.com/t8106-%7BTUTORIAL%7D-Magic-Code-Untuk-CSS-Extension-%28for-newbie%29.html][b]Magic Code Untuk CSS Extension (for newbie)[/b][/url].
[spoiler]

[align=center][color=red][b]UPDATED AT January, 11th 2008[/b][/color][/align]
topic ne akoe bikin biar forum konsultasi fs jadi nggak terlalu [b]rame[/b],,,
kebanyakan postingan............

beribet klo jadinya kita mo nyari kode yang udah diposting....

huahuhauuahua

[b]ok, we start![/b]
pertama pelajari gmana cara nyimpen CSS extension ke Friendster kamu disini:
[url]http://theftalk.com/t8003-Eksternal-File-Hosting-Upload-%28Buat-Pemula%29.html[/url]
tentunya kmu sudah memiliki basic css code di css box kmu..
klo belum,
proses disini:

[url]http://friendster-tweakers.com/tools/friendster-editor/[/url]
simpan codenya di css box kmu...
setelah itu baru kita rombak abis fs kmu dengan beberapa code magic berikut ini:
[b]1. wellcome alert[/b]
<">[b]2. goodbye alert[/b]
<">kedua code diatas hanya bekerja di IE

[b]3. membuat logo sendiri [/b]
<">[b]4. menghilangkan "more about me" link pada control panel box[/b]
<">[b]5. transparan "shout out"[/b]
<">[b]6. no klik kanan dengan message (window bergetar)[/b]

<">*ganti kata˛nya doank
[b]7. border untuk page kmu[/b]
<">*ganti HEX COLOR(#xxxxxx) sesuka hati

[b]8. center profil, text, serta content[/b]
<">[b]9. scrolling box[/b]
= more about me:
<">= comment box:
<">= scrolling testimonial (text comment yang dikirim teman)
<">*kmu bisa pakai keduanya klo mau, biar lebih hemat tempat di page kmu,so tidak terlalu panjang ke bawah dia..

= media box
<">= friends box
<">=custom scrollbar
<">= scrollbar di sebelah kiri:
<">bole diganti hex colornya sesuka hati

[b]10. custom status bar & tittle bar[/b]
= status bar:
<">=tittle bar:
<">[b]11. menghilangkan sesuatu........(ntah apa lah namanya)

[/b]

A) Hide boxes:
=blogs & review:
<">=fan of:
<">=groups:
<">=friends:
<">=photo gallery:
<">=media box:
<">b)add ons:
=menghilangkan "recent updates":
<">= code menghilangkan logo,search,dll:
<">= remove footer:
<">=hide main navigation,sub navigation.(tombol home,profil,logout,dll):
<">= customize main navigation:
<">=hide main navigations
<">*klo navigasi kmu hidden, jangan kmu pake lagi code "costomize main navigation" nya...
percuma..............hauhauhauua

= fiend list dibuat satu colom:
<">=image effect:
ada banyak image effect, tapi akoe kasi satu aja dolo ya??

<">or u can try dis one:
<">[b]12.dan lain lain

[/b]
=merubah tampilan foto prymary menjadi [b]gif image[/b]
<">=bullet/icon/emoticon in control panel data:
<">=bullet/icon/emoticon in control panel buttons:
<">=background di master headers:
<">~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
code yang mau dipakai disave as:
[b]anything.css[/b]
kemudian di upload di web hosting kamu,,
[align=center][quote]LINKER DISABLED[/quote]
[/align]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[color=blue]atau kmu bisa juga menjadikan css tersebut sebagai js,,caranya:[/color]
[quote]var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "[color=red][b]URL CSS KAMU[/b][/color]";
css.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(css);[/quote]
masukkan URL CSS kmu ke dua tempat berwarna [color=red]merah[/color] di atas..
trus save as [b]anything.txt[/b] dan upload lagi..
url yang dihasilkan akan seperti ini:
http://www.h1.ripway.com/friendstertalk/anything.txt
[align=center][quote]LINKER DISABLED[/quote]
[/align]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
nah..........................................
akoe rasa cukup sekian dolo,,,,,,,,,,,,
semua code itu dibuat jadi satu file aja biar gag repot,,,
oia...
dari bro ihsan:
link buat nyari hex color:
[url]http://friendster-tweakers.com/resources/hex-colors/[/url]
ok???
semoga para newbie bisa bikin pagenya tambah keren..........
gut lak,,,,,,,,,,,,,,,,,,,,,,,

klo ada yg mo nambahin silahkan aje,,,,,,
[b]we are here to share...

[/b]
[color=red]*credit to:
Friendster-Tweakers.com, ephemeral, emokidd, nahtanoj18, feruzz, websniper, eykalsyamim, switpotato, dll...(soalnya sebagian code akoe ambil dari css akoe,,,

)[/color]
[b]
##code codenya akan selalu diperbaharui, so check out any time to find more##[/b]






Ada sedikit tambahan dari bang Yan
[quote]Berdasarkan beberapa Usulan dr para sesepuh,utk memudahkan dalam mencari code,saiia coba utk buat thread baru.
bagi temen2 yg mau menambahkan atau melengkapi thread ini silahkan,semoga para mod yg terhormat berkenan dgn thread ini

cuma mau share

yg berkenan silahkan coba dan yg ga berkenan jgn mencemooh ya

aku liat ahir2 ini banyak sekali USE IE yg pindah ke FF

bagi yg kesulitan membuat atau mencari cursor yg bs kebaca di FF
saiia kasih alternatifnyah .. cursor [b].ani[/b] cuma bs dibaca sm IE sementara yg utk FF [b].cur[/b] .. dan ini sangat susah utk mencarinya di web yg menyediakan cursor.
langsung sajah,
ini dia codenya
[quote]body {
cursor: url(url jpg,gif atau apa aja),default;
}
a,a:link,a:visited,a:active,a:hover {
cursor: url(url jpg,gif atau apa aja),default;
}
/*on mouse hover*/
A:hover IMG {
FILTER: Alpha(Opacity=90, FinishOpacity=40, Style=2, StartX=10, StartY=20, FinishX=0, FinishY=0)}
overflow: visible
}[/quote]
ganti [b]url jpg,gif atau apa aja[/b] dgn url gbr utk cursor
bisa cari di [url]http://planetsmilies.com[/url] , [url]http://geocities.com/darkfreed[/url] atau yg lainnya

taroh di css eksternal kamu

preview

[url=http://profiles.friendster.com/yanstupid]profile org cakep(narsis dikit

)[/url][/quote]
[/spoiler]
Last edited by deathwish4MCR-freak-dude (2008-08-30 04:40:12)