Custom Friendster Layout :First Step

ok kita mulai :P

1.sebelumnya kalian harus punya file hostingan dlu untuk tempat js n css kalian .klo blm punya click disini (u/ contohnya aq pke Ripway).Nah selanjutnya adalah javascript ato kita singkat aj JS, di FS kode JS udah di disable n kode Css jg ad bbrp yg di disable jadi bnyak yg gk bs digunain ,untuk itu JS hrs di upload ke file hosting ,JS n Css ini di namain JS n Css external karena kita akan memanggil kode tsb dr hostingan kita ke Page Profil kita dan untuk memanggilnya digunakan linker.

2.Basic JS for FS

Download Code

/*BAGIAN A*/



//onload handler

function onProfileLoad() {


//addboxes here



/*BAGIAN B*/



}

if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};


function addBox (type,head,htm,id,sibling) {

//by marfillaster



//type "LEFT" | "RIGHT"

//head header string


//htm innerHTML string

//id css_id string

//sibling css_id_insertbefore string | null

/* Available default Siblings


LEFT


0 = controlpanel



1 = photos


13 = blogs


12 = reviews


6 = moreabout


18 = publiccomments


10 = scrapbook



RIGHT


15 = meettrail


2 = friends


14 = googleads


7 = fan


8 = groups



null - appends to last

*/





try {


var li=document.createElement("li");



} catch(e) {


var li=document.createElement("<li>");


}


if(type=="LEFT") {


var ul=document.getElementById("0").parentNode.parentNode;



htm="<div class='boxcontent'>"+htm+"</div>";


}


else var ul=document.getElementById("2").parentNode.parentNode;






li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+


"<h2>"+head+"</h2>"+


"<div id='content_"+id+"'>"+



htm+


"</div>"+


"</div>";





if(sibling==null) ul.appendChild(li);



else {


sibling=document.getElementById(sibling).parentNode;


ul.insertBefore(li,sibling);


}

}




/*BAGIAN C*/

kode diatas kalian simpan di hostingan kalian dengan extensi *.js ,contoh "Sembarang.js" .Pada script diatas terdapat bagian A,B,dan C yang merupakan tempat bagi kalian untuk menempatkan kode2 JS kalian.

3.Selanjutnya adalah memanggil JS kalian ke profil page FS kita ,spt yg q bilang d atas untuk memanggilnya menggunakan linker

4.Dengan ini javascript sudah bisa berjalan d FS kalian

lihat BLOG ARCHIVE untuk tutorial yang lainnya

Sumber

1.FTI Forum n FTI members

2.Temen-temen Yogyafree

3.dan lain-lain yang gk bisa saya sebutin atu"

Tags: Friendster, Tutorial, Tips & tricks, Javascript, Css, Html, Linker