Bro n sist ...
sebener na ini code , udah banyak dipake n pasti na ga asing lagi
buat yg udah pake WVM atau Tracker.JS

Dengan kombinasi code ini , kita bakal bisa nambah apa aja ([b]tanpa tracker.JS[/b])
yg kita mau di FS kita (

asal jangan bomb aja

)
Tiga bagian dalam pembuatan Elemen baru adalah :
[b]- addSideBar Script
- Deklarasi Variabel Box dan Pemanggilan addSideBar Script
- Penggunaan variabel Box dalam CSS[/b]

code buat bikin side bar
<">

terus buat kode buat bikin box2 na ndiri [b](DEKLARASI VARIABEL BOX)[/b]
<">Kode diatas adalah Deklarasi dari pembuatan elemen baru pertama
dan apabila akan ditambahkan elemen baru lainnya
[quote][align=center]:idea:
[b]untuk konten yg mengandung tanda kutip dua (")
agar diganti jadi tanda kutip 1 (')[/b]
contoh tadinya kode spt ini : <img src=[b]"[/b]http:/www.potobucket/bunga.jpg[b]"[/b]>
tanda kutip 2 diganti menjadi: <img src=[b]'[/b]
http://www.potobucket/bunga.jpg[b]'[/b]>[/align][/quote]
Tinggal dibikin aja fungsi deklarasi variabel box ke-2
yg hampir serupa dengan kode pertama dari pendekalrasian variabel box di atas.
Langkah2 penambahan box ke-2 dan seterusnya
- [b]Deklarasikan box ke-2 [/b]
[i]
// PEMBUATAN FUNGSI DEKLARASI VARIABEL BOX KE-2
function boxbaru_ke2()
{
//AWAL DEKLARASI VARIABEL BOX KE-2
var [b]box2[/b] = "<div id='box2div'>"+
"KONTEN"+
"</div>";
addSideBar("HEADER2",[b]box2[/b],"box_ke2"); // DEKLARASI VAR BOX-2 SELESAI
}setTimeout("boxbaru_ke2()",10000); // AKHIR DARI PEMBUATAN FUNGSI DEKLARASI VARIABEL BOX KE-2[/i]
[b]catatan :[/b]
[quote]:idea: KONTEN = bisa dimasukin kode apa aja (Misalna MP3 Flash) , bahkan cuman tulisan biasa
:idea: boxbaru_ke2,boxbaru_ke1 = nama fungsi yg bisa digenti ma nama apa aja, tp harus beda antara keduanya.
:idea: box1, box2 setelah kata var = nama yg dibuat buat ngenalin box yg akan dibuat, n bisa diganti sekena na.
:idea: box_ke1,box_ke2 (yg dalem tanda kutip) = nama box2 baru yg ntarna bisa dipake di CSS, buat nampilin box2 baruna.
:idea: HEADER = Tulisan bebas yg ntarna jadi header dr setiap box baru.
:idea: div id dalam contoh box2div dan box1div , adalah nama2 box yg mungkin disesuaikan ma isina.[/quote]
- [b]Tambah Fungsi Deklarasi variabel[/b] ke pemanggilan Fungsi
(pemanggilan fungsi ini terletak di atas dari Deklarasi Variabel Box nya sendiri)
[i]if (!attachOnLoadHandler(function()
{boxbaru_ke1();} ))
parent.onload = function()
{boxbaru_ke1();};[/i]
-------- yg menjadi -----------
[i]//PEMANGGILAN FUNGSI DEKLARASI VARIABEL BOX
if(!attachOnLoadHandler(function(){
boxbaru_ke1();
[b]boxbaru_ke2();[/b]
}))
parent.onload = function()
{
boxbaru_ke1();
[b]boxbaru_ke2();[/b]
}[/i]
Penambahan box ke-2 telah selesai , dan kode lengkapna yg akan dikopas ke js file spt ini :
<">

Kode terakhir di atas , [b]dikopas ke JS file[/b] yg udah ada , atau buat JS eksternal baru

apabila kode akan dipakai sbg [b]bagian dr tracker.js[/b],
[b]hanya masukkan[/b] bagian AWAL DEKLARASI VARIABEL BOX s/d DEKLARASI SELESAI
[b]tidak perlu[/b] memasukan fungsi addSideBar, krn tracker.js sudah memiliki fungsi tsb.
Sebenerna elemen/box baru ntu (misal isi dg Poto Slide dan MP3 Flash kita)
udah pada bakal muncul di fs kita

bagian kanan. (refresh profile untuk liat hasil)
tp .. kali2 aja mo dipindah2 , tinggal dipanggil aja di CSS eksternal file
dg nambahin nama2 yg tadi ditanda kutip (dalam contoh kode diatas >>[b]box_ke1[/b] ma [b]box_ke2[/b])

Cara mindahin/mengatur posisi elemen/box baru :
(yg bikin ntu elemen bukan side-bar lagi

tapi anywhere-bar

)
<">[b] semua nilai XX diganti ma nilai posisi yg dimauin , misalna : [/b]
#box_ke1{float:left !important; position:absolute; top:300px; left:700px;}
#box1div {float:left !important; position:absolute; top:60px; left:0px;}
[quote]:idea: box_ke1 jadi #box_ke1 , begitu juga box ke2 dan box2 laen kalo ada
:idea: box2div dan box1div sesuai dg nama yg di JS na n ditambah didepan na dg tanda [b]#[/b]

Kode CSS na [b]dikopas ke CSS eks-file[/b] atau disatuin aja ma code2 CSS eksternal lain , ditaruh paling bawah

[/quote]
gitu aja ah

semoga pada berhasil - n pada punya elemen2 baru yg keren2 di fs na

Tks buat abang2 mod dan temen2 yg udah bantu

maju truss FTI ...

...

[i]ps. tolong dong dibantu ... [b]credits[/b] buat addside-bar ma add-box na
ditujukan buat sapa ya yg bener ...

[/i]
[b] code in action --> [url=http://www.friendster.com/godmodsgrotesk]Anna Test Profile[/url] [/b]**BEST VIEW PAKAI FF MOZILA
Last edited by KhErMiNaToR (2008-02-11 23:50:18)