KOSTUMASI DG FILE EKSTERNAL credits untuk sir ArchAngel buat JS Linker na thumbsup
..klik aja gambar di bawah thumbsdown buat bikin js linker na ya ...
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 arrow
http://ripway.com/signup.aspSetelah account terbuat :
arrow Login ke account ripway.com baru tersebut dan kemudian pilih My Files di menu utama
Gambar a
arrow 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 :
http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/online_notepad.pngGambar 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 :
Code:
#logo{display:none}
Masukan kode diatas ke online notepad tadi
http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/code_css1.pngGambar d
Beri nama file dg ekstensi CSS (ekstensi CSS berarti dibelakang nama harus dikasih .CSS), misalnya beri nama file dengan nama kode_css.CSS
http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/saving_css.pngGambar 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
arrow Klik lagi link Create Text File , sama spt pada gambar b diatas
untuk mulai membuat file eskternal JS smile
arrow Masukin kode berikut untuk , menghubungkan/nge-link file css dg javascript yg akan dibuat (kode berikut adalah juga salah satu contoh dari kode javascript):
var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "URL CSS";
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 )
http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/url_css.pngGambar 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
arrow Setelah kode dimasukin, serupa dg langkah2 pembuatan file eksternal CSS , beri nama file dan save file, dg ekstensi .JS
(pada contoh , file diberi nama kode_jsna.JS)
Gambar j
Sekarang dah dipunyain biggrin 1 file JS (dg url na) n 1 file CSS yg udah pada ngelink
Gambar k
n langkah terakhir adalah - ngelink file Javascript yg baru dibuat ke Friendster kita nod
4. Ngelink File Eksternal ke profile Friendster dg JS linker
Untuk ngebuat kode JS linker , bisa diklik gambar di bawah :
LINK credits untuk sir ArchAngel buat JS Linker na thumbsup
..klik aja gambar di atas buat bikin js linker na ya ...
Misal tadi nama file js adalah kode_jsna.js
dan url na adalah arrow
http://h1.ripway.com/FiendsterTalkIndon/kode_jsna.jsmasukin url js ke generator nya sir ArchAngel
n tros klik tombol Generate na ya .. biggrin
yg selanjutnya kode akan digenerate , dan akan didapetin alert box yg nandain bahwa kode udah selesai digenerate :
Tutup alert box , block/tandain seluruh kode yg ada digenerator dan kopi kode na
Sekarang login ke friendster , dan buka halaman Edit Profile arrow
http://friendster.com/editprofile.phparrow Paste kode yg tadi dr generator ke bagian More About atau Who I want to Meet
http://i214.photobucket.com/albums/cc192/anna_mareta/media_box.pngGambar m
dan klik tombol Save , yg terletak di paling bawah biggrin
Kembali ke profile FS na , refresh n liat efek , di mana untuk contoh di sini
harusna seh roll logo friendster na ilang
Semoga berhasil ya ... nod
Met coba aja
.........Kabooor dolo
