» Tutorial JS & CSS Eksternal File Blognya Am Lookman

Feed on: Posts; comments

Tutorial JS & CSS Eksternal File

July 26, 2008 by lumeks

Latest JS and CSS linker (Juli 27, 2008)

By Lumeks Tanggal 27 Juli 2008

JS linker IE & FX2 :

<STYLE TYPE='text/css'>@import url(http://h1.ripway.com/thecradle/css.css);</STYLE><a id='cradle' href='LINK OF JS HERE'>

CSS linker :

<STYLE TYPE='text/css'>@import url(URL OF CSS);</STYLE>

Tutorial JS & CSS Eksternal File

By Lumeks Tanggal 27 Juli 2008

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.

Tentunya kita harus memiliki hostingan untuk menyimpan file js &
css,pada kesempatan kali ini kita menggunakan ripway.com untuk
keperluan eksternal file.

Langkah-langkahnya :

1.Jika anda belum mempunyai account di ripway,sign up dulu.di http://www.ripway.com/signup.asp

Setelah account terbuat :

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 :

#logo{display:none}

Masukan kode diatas ke online notepad tadi,kemudian save dengan nama_kodecss.css

Gambar d

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

masukan kode berikut :

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 dengan url css tadi yang baru dibuat,dalam contoh nama file adalah kode_css.css
dan url file css adalah http://h1.ripway.com/myfriendster/kode_css.css

yg akhirna kode akan menjadi :

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

Setelah kode dimasukin, serupa dg langkah2 pembuatan file eksternal
CSS , beri nama file dan save file, dg ekstensi dengan ekstensi .TXT/.JS.Misalkan kode_jsna.txt / kode_jsna.js

Sekarang kita dah mempunyai 1 file JS (dg url na) n 1 file CSS yg udah pada dihubungkan dgn js tadi.

n langkah terakhir adalah - ngelink file Javascript yg baru dibuat tadi ke Friendster kita.

4. Ngelink File Eksternal ke profile Friendster dg JS linker

Untuk ngebuat kode JS linker , bisa diklik gambar di bawah :

credits untuk sir ArchAngel buat JS Linker na

..klik aja gambar di bawah buat bikin js linker na ya …

Misal tadi nama file js adalah kode_jsna.js
dan url na adalah http://h1.ripway.com/FiendsterTalkIndon/kode_jsna.js,masukin url js ke generator nya sir ArchAngel,,kemudian klik generate,!!! Kode yg digenerate, dr waktu ke waktu akan beda2,

truss,kode hasil generate tersebut yang di copy paste kan ke media box fs,dan di save,Lihat frofile anda sekarang..

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 Friendstertalk.com, kalo2 ada code yg baru.