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)

1. Membuat Account di Host Site dan Membuat File Eksternal secara Online

Untuk membuat account baru di ripway.com, klik http://ripway.com/signup.asp

Setelah account terbuat :

Login ke account ripway.com baru tersebut dan kemudian pilih My Files di menu utama



Gambar a


Pada halaman selanjutnya , lihat di sebelah kanan atas, dan dapat dipilih Create Text File , untuk memulai membuat file eksternal.




Gambar b


yg mana akan didapatkan , semacam notepad online spt gambar berikut ; dimana kode2 untuk memodifikasi FS akan dimasukan disini :




Gambar c


2. Memasukan kode CSS dan membuat file eksternal CSS.

Kode CSS adalah kode2 yg dipakai untuk mengatur tampilan dari halaman web.
Contoh kode CSS yg dipakai dalam modifikasi FS , misalnya :

[center]

Code:

#logo{display:none}

[center]
Masukan kode diatas ke online notepad tadi





Gambar d




Beri nama file dg ekstensi CSS (ekstensi CSS berarti dibelakang nama harus dikasih .CSS), misalnya beri nama file dengan nama kode_css.CSS



Gambar e

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.




Gambar f




Bagian2 yg mungkin perlu diketahui, pada file yg telah dibuat :




Gambar g



- 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.

3. Membuat file Eksternal Javascript secara online

Klik lagi link Create Text File , sama spt pada gambar b 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):

Code:

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);

ganti URL CSS 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 )




Gambar h



yg akhirna kode yg dimasukin di notepad baru adalah :

var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "http://h1.ripway.com/FiendsterTalkIndon/kode_css.css";
css.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(css);

Gambar i



Setelah kode dimasukin, serupa dg langkah2 pembuatan file eksternal CSS
, beri nama file dan save file, dg ekstensi dengan ekstensi TXT
(pada contoh , file diberi nama kode_jsna.JS)

karena seringkali friendster memfilter esktensi JS , jadi sebaikna sih :


!!! pemberian nama js file sebaiknya dg ekstensi TXT >> contoh nama file: kode_jsna.TXT




Gambar j


Sekarang dah dipunyain 1 file JS (dg url na) n 1 file CSS yg udah pada ngelink



Gambar k





mudah2an bisa di pahami