Gabung external linker untuk javascript dan CSS

19 October 2008

Trick kali ni adalah untuk gabungkan external javascript ngan external CSS dalam satu linker. melalui trick ini anda tak perlu lagi letak dua linker dlam section About Me atau Who I Want to Meet. satu linker dah memadai.

caranya create kan satu fail javascript baru namakan dengan my_javascript.js dan satu fail CSS namakan dengan my_style.css. Fail ini di'create' kat hosting file anda. Kalau anda mengikut tutorial saya yang lepas external linker fail tersebut anda create di www.ripway.com. 2 fail inilah tempat anda nak letak code² javascript ngan code² CSS anda.

pastikan anda letak code yang betul dalam fail ini. Segala javascript coding letakkan dalam fail my_javascript.js dan segala coding CSS letakkan dalam file my_style.css. Kalo anda salah letak code anda tidak akan menjadi atau tidak berfungsi.

kemudian, refer step 2 external linker bukak files linker.txt. jika anda dah masukkan banyak javascript code dalam files ni. cut semua code dan paste kan dalam files my_javascript.js yang anda create tadi.

next step, dalam files linker.txt tadi paste kan code ini.
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://h1.ripway.com/UR_username/my_javascript.js";
document.getElementsByTagName("head")[0].appendChild(script);

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

URL yang di bold kan adalah URL bagi files my_javascript.js dan files my_style.css yang anda dah create awal² tadi.

sekarang dah siap. kini segala javascript anda boleh diletakkan dalam my_javascript.js dan segala CSS customization boleh di letakkan dalam my_style.css

fail linker.txt tu tak payah kacau dah. biarkan ia sendirian. bak kata owangputeh leave it alone.

kenapa tak payah kacau dah fail tu?
sebabnya linker.txt tu dah bertukar fungsi dia. fail tu hanya bertidak sebagai loader untuk load file my_javascript.js dan my_style.css untuk digunakan dalam Friendster Profile anda.

ok selamat mencuba.

2 comments

  1. cne nk create my_javascript.js dan my_style.css ni?x paham

    ReplyDelete
  2. create je files dalam free hosting dan nama kan my_javascript.js ngan my_style.css

    ReplyDelete