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
[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)
malah sekarang fs q berantakan..[url]www.friendster.com/sealsasuke[/url][/quote]
bro seal
caranya mindahin side bar ...
pertama kita liat format variabel dari side bar na
<">kalo mo dipindah2 , bisa dipakai di CSS 2 bagian dari kode diatas
yaitu namadiv dan IsiBox dg ditambahin # ke nama2 diatas - dan jadina :
<">pusat dari pemindahan adalah NamaDiv , sedang IsiBox adalah untuk mengatur isina sendiri
kalo2 saja mau diatur terhadap titik pusatna.
( sifat top left pada IsiBox seperti margin top , margin left )
Untuk tampilan di IE , lebih baik width didefinisikan , misalna
<">setau q sih
addside bar masih bisa dipakai
krn sampai hari ini , aq masih bikin2 side bar
dan jalan2 aja tuh
met coba lagi bro Seal ...
[/quote]
bro pulasara ...
kalo ntu mp3 mo [b]digabungin dalam tracker.js[/b]
ditambahin aja kode ini :
<">posisi kode diatas seperti ini di tracker js :
<">
sedangkan [b]kalo mo dipisah ... dari tracker.js[/b]
atau belum punya tracker.js
, selipin aja ini code ke js file km yg laen na :
<">setelah tampil di profile FS na
ganti TEXT HEADER dg text/pesan km sendiri ya ...
met dicoba bro pulasara
catatan:
(sebenerna dg memisahkan fungsi untuk penambahan elemen baru dg menggunakan sidebar
dari tracker.js,
akan [b]meringankan beban loading dari WVM [/b]yg dipakai)
bro [b]akoemoe[/b]
[quote=akoemoe]tau ahhh gelap....
binunnnnnnnnnn....
[/quote]
spaya ga gelap banget
coba aja masukin/kopas kode lengkap dari tutorialna ke js eks-file na punyaan km
(aq kopas lagi ya ke sini
)
<">nanti keliatan deh
efekna ke fs na bro akoemoe
n tinggal ganti2 deh
smoga ga gelap lagi bro
[b]bro parlay[/b]
maksutna function dalam function apa ya ? aq g ngerti
apa ga bagus
kalo function dalam function
kasih tau dong bro - kalo ada kurang na
biar aq perbaiki
tks bro parlay
sebelumna
Last edited by annanyeep (2007-09-10 01:02:32)
... waktu itu saia belajar sama xavierkym...
... terus dia ngajarin k'lo kode (flash atau apa saja yg mau kita gunakan) yang ada tanda [quote][b]"[/b][/quote]
dirubah jadi [quote][b]'[/b][/quote]
atau, k'lo gak, dijadikan
[quote][b]\"[/b][/quote]
...
itu kalau saya gak salah
(bhs inggris saia
sih
)
tapi, misalnya saya mau buat 6 sidebox lagi (misalnya
)...
kodenya ditumpuk dalam 1 js, bisa gak
[/quote]
bro keiko
tks ya buat info na
itu ya yg disebut [b]function in function[/b]
btw .. [b]jumlah sidebar[/b] kek nya sih [b]ga terbatas[/b]
jadi bisa aja tuh dibikin 6 sidebox juga
dalam 1 js
sekali lagi makasih bro Keiko..
buat mindahin2 box2 yg dibuat dengan addSideBar ataupun yg dibikin di tracker JS ...
cara buat tau nama elemen na spt ini :
cari dalam script , baris yg format na seperti ini
[quote]addSideBar ("HEADER",namavar,"[b]namakonten[/b]")[/quote]
kata yg dibold , adaah nama elemen dari box tsb
dan waktu dimasukin ke CSS na , ditambahkan aja tanda # didepan nama elemen tadi
[align=center][b]#namakonten[/b][/align]
yg kalo diselipin dalam CSS untuk memindahkannya akan spt ini (contoh)
<">Sedang untuk menggeser ke bawah , box2 yg sudah ada , bisa ditambahkan di CSS dg langkah2 spt ini:
(misalna : tracker yg mempunyai tinggi 300 px total ,
akan dimasukin diantara Photo Galery dan More About Me)
geser ke bawah box more about me sebanyak 300px
<">
geser juga box2 dibawah more about me , sebanyak px yg sama , misalna :
<">
lalu masukan WVM , yg punya nama elemen [b]#tracker[/b]
ke spasi kosong yg sudah dibuat tadi .
yg pada akhirna , semua kode akan menjadi spt ini di CSS eks file
<">udah deh
selesai .. WVM akan berada di atas More-About-Me
atau dg kata lain diantara Photo Galery dan More About me.
semoga berguna ya
bro n sist
sist, aku pgn buat box baru di bwh box nya wvm, isinya kyk media box (tapi paling cuma aku isi lagu).
jadi, gmn bikinnya ? konten tuh mksd nya apa sih ??
mksii ya sist. maaf klo bnyk nanya. abisnya aku ga ngerti sih
[/quote]
maaf sist ren
aq emang suka belepotan kalo ngetik
btw, buat nambah box di bawah wvm..
hmmm ... sekarang kan wvm ada yg pakai addSideBar , dan ada yg pake addBox yah kalo ga salah
jadi cara penulisan script buat bikin mp3 player bisa beda,
tergantung add Box script mana yg dipakai
tp , bedana cuman dikit sih ..
kalo pake WVM yg lama (addSideBar Script) sist ren bisa nambahin kek begini di dalam tracker js na dg format kek begini:
<">Yg dimaksud dg konten itu adalah code dari MP3 Embed-an na sist
yg biasana kek gini
<">n sebelum dimasukin ke kode yg buat tracker.js , diganti dulu tanda kutip 2 na smua , spt ini
<">[quote]Bisa dipakai Notepad buat ganti tanda kutip :
- Buka notepad
- Kopas kode Embedan ke Notepad
- Pilih [b]Edit[/b] dan lalu [b]Select All[/b] (atau CTRL+A)
- Pilih lagi [b]Edit[/b] dan lalu [b]Replace [/b](atau CTRL+H)
- Isi [b]Find What[/b] dg tanda kutip 2 [b]"[/b]
- Isi [b]Replace With[/b] dg tanda kutip 1 [b]'[/b]
- Klik [b]Replace All [/b]
- Klick [b]Cancel[/b] , dan akan bisa diliat perubahan na
[/quote]
Kalo Udah kegenti semua na - Masukin deh sist
embedan na ke bagian KONTEN :
<">kalo sist selain addSideBar script mungkin perlu diliat , dulu tracker js na , sist ren , n nanti tinggal ganti kata addSideBar-na di kode atas , n klo ga salah .... ada satu kata
deh yg harus ditambahin..
Semoga aq ga
bikin bingung ya sist
tambahan,,
bagi pengguna WVM terbaru,,yan memakai script [b]addBox("RIGHT","judul",TRACKER.div.innerHTML,"tracker",null);[/b]
jika ingin menambahkan box baru dan menggabungkannya dengan tracker kamu,,cukup ikuti langkah langkah di atas,,namun,,dalam [b]finishing[/b] nya,,perlu di perhatikan:
[quote]
[color=blue][b]addSideBar("judul",gundul,"pacul");[/b][/color][/quote]
harus dirubah menjadi:
[quote]
[color=blue][b]addBox("RIGHT","judul",gundul,"pacul");[/b][/color][/quote]
[color=red]/******************************[b]PENGUMUMAN[/b]****************************/
[align=center]
bagi semua member FTI,,dilarang posting sembarangan di tread [b]tutorial[/b],,terutama tread [img]http://theftalk.com/img/FriendsterTalk/icon_sticky.gif[/img][b]Sticky[/b] !!![/color]
[color=blue]Moderator[/color][/align]
thanx....
thanx....[/quote]
bro anime
lam kenal
buat mindahin semua yg dikolom kanan ke kiri ( n vice versa)
bisa pakai ini
<">diselipin di CSS eksternal file
ya bro
[/quote]
iya tuh bang dirwan
kan di [b]post pertama[/b] thread ini
aq ga pake WVM
tinggal dibikin aja fungsi2 na
buat yg mo bikin sidebar tanpa WVM
[url=http://theftalk.com/viewtopic.php?pid=138965#p138965]Mindahin Box dg menggunakan JS script[/url]
atau bisa juga pakai CSS , yg tinggal dipanggil nama2 box na
, misalna untuk WVM , di CSS eks file
perlu diselipin kode spt ini :
<">yg kalo pake CSS - pada akhirna
semua posisi box yg kena efek
jadi harus diatur ulang juga
bang dirwan
aq yg pengen belajar dr km
aqu nyerah aja dch ......
aqu nyerah aja dch ......
[/quote]
emang bro bikin apaan ? (bro or sist ?)
script yg bro pake bs kami liat ga ? supaya bs km bantu cari kesalahannya
[i]yuk kita ke tread konsultasi [/i]
aqu nyerah aja dch ......
[/quote]
emang bro bikin apaan ? (bro or sist ?)
script yg bro pake bs kami liat ga ? supaya bs km bantu cari kesalahannya
[i]yuk kita ke tread konsultasi [/i]
[/quote]
iya tuh bro or sist
liat aja FS profile na bang yanz 
side bar na
n bang yanz pasti bantu koq
di thread [b]konsultasi FS[/b]
Last edited by animeartfreakz (2007-09-23 03:21:46)
liat aja , klo yg punya aq sih
gpp koq