[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 Met coba aja n sukses wat FTI .........Kabooor dolo ahhh

Last edited by annanyeep (2008-05-18 00:53:34)