• ARCHIVES 
  • » Yap di sini adalah thread yang merupakan kompilasi beberapa thread. Mengenai cara tweak profile friendster kamu dengan CSS maupun JS. Karena maksimal karakter untuk post itu 64kb. Maka post di thread

Pages: 1

Yap di sini adalah thread yang merupakan kompilasi beberapa thread. Mengenai cara tweak profile friendster kamu dengan CSS maupun JS. Karena maksimal karakter untuk post itu 64kb. Maka post di thread

Jirichi Ryunashira
» FTalkElite
FTalk Level: zero
7217
0
1969-12-31

Yap di sini adalah thread yang merupakan kompilasi beberapa thread. Mengenai cara tweak profile friendster kamu dengan CSS maupun JS. Karena maksimal karakter untuk post itu 64kb. Maka post di thread

Yap di sini adalah thread yang merupakan kompilasi beberapa thread. Mengenai cara tweak profile friendster kamu dengan CSS maupun JS. Karena maksimal karakter untuk post itu 64kb. Maka post di thread ini akan dijadikan 3 post. [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t21339-%7BTUTORIAL%7D-Tweak-FS-for-newbie.html][b]Tweak FS For Newbie[/b][/url]. [spoiler]Selamat Pagi/Siang/Malam para member fti tercinta semua. :rose: Di sini, saia ingin memberi [b]tutorial dasar[/b] bagi para newbie. Karena masih banyak beberapa org awam yg tidak mengerti bagaimana cara men[b]tweak[/b] FSnya. Sehingga kadangkala kita menemukan para newbie yang salah posting. Dan menanyakan cara-cara mengedit FS mereka. Oleh sebab itu, saia ingin membagi sedikit penjelasan dasar. :) Kepada para newbie/anggota baru d fti. Mengenai [u]cara tweak FS[/u] dengan CSS dan JS. [hr][hr][hr] :arrow:[b]Bagaimana cara mentweak FS kita?[/b] Dengan menggunakan [u]CSS[/u] atau dengan [u]variasi JS[/u]. =) [hr] :arrow:[b]Apa itu CSS dan JS?[/b] [color=blue][b]CSS = Cascading Style Sheet .[/b][/color] Quote dari web--[i]Sebuah dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web, CSS ini bersifat embeded pada tag HTML yang artinya menempel atau melekat pada tag HTML. Sebagai Contoh embeded seperti di bawah ini <h1 class=”header”>Pengantar</h1>. Dengan CSS ini, kita bisa mengontrol/mengatur seluruh tampilan halaman web dengan hanya sebuah dokument CSS, biasanya ekstensi untuk file CSS adalah .css (dot css).[/i] Jadi pada dasarnya CSS itu untuk desain tampilan layout profile kamu. Misalnya : BackGround (BG) image, warna font, jenis font, warna border, dll. [hr] [color=blue][b]JS=JavaScript.[/b][/color] Quote dari web--[i]JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.[/i] JS bisa ditambahkan ke tweak FS kamu jika ingin menambah beberapa macam fungsi, spt mp3 player, whos viewed me (wvm), slideshow, guestbook, IP tracker, chatbox, dll. (Banyak sekali JS dengan berbagai fungsi yg bisa ditemukan di ftalk dan FTI.) [hr][hr][hr][hr] [quote][b][color=red]Langkah-Langkah Mentweak FSmu dengan CSS.[/b][/color][/quote] Untuk lebih gampangnya silahkan buka [b]Notepad[/b] kamu. Untuk kode dasar CSS. Kamu bisa ke profile editor di bawah ini : :arrow:[url=www.editfriendster.com]Edit Friendster[/url] :arrow:[url=http://friendster-tweakers.com/tools/friendster-editor/]Friendster-Tweakers[/url] Di sana kamu akan dapat basic CSS kode. Dimana navigation bar, google ads, dan hal2 lain masih akan nongol di profile kamu. [i]Jika tidak ditambahkan kode2 CSS lain.[/i] :arrow: [b]Copy[/b] semua code yang kamu dapat setelah [i]generate[/i] di editor itu ke [b]Notepad[/b]-nya. Contoh kode yg kamu dapat setelah digenerate: <">Setelah itu save dengan nama sesuka hati kamu, misalnya : [b]terserah.css[/b] :exclaim: Format filenya harus [b].css[/b] Nah jika ingin menghilangkan [b]banner, navigation, footer, google ads[/b]. =D Kamu bisa lihat kode2nya di sini. :arrow:[url=http://theftalk.com/t10469-Compilation-Hide-Codes-%28CSS-Codes%29.html]Compilation of Hide Codes (CSS Codes)[/url] :arrow:[url=http://theftalk.com/t7694-Complete-Compilation-Codes%21.html]Complete Compilation of CSS Codes![/url] :arrow:[url=http://theftalk.com/t8106-%26%239827%3B-Magic-Code-Untuk-Extension-%26%239827%3B-%28for-newbie%29.html]♣ Magic Code Untuk CSS Extension ♣ (for newbie)[/url] Untuk variasi kode CSS lain, kamu bisa ke [b][url=http://theftalk.com/f4-Friendster-Tricks-Tutorials.html]Tricks and Tutorials[/url].[/b] [quote][i]Perhatikan perbedaan antara CSS code dan JS code. :exclaim: Biasanya kalo JS code itu lebih ribet. Dan baca juga dari [b]author-thread[/b] jika dibilang itu CSS code baru bisa kamu copy di file CSS kamu. [/i][/quote] Setelah kamu memilih kode2 CSS tweak dari link2 di atas. Kamu tambahkan di file notepad tadi, [b]terserah.css[/b] Contohnya lagi jika kamu menambahkan beberapa kode CSS untuk menghilangkan bagian atas profile kamu. (navigation, dll) <">Setelah itu kamu save lg.. Jangan lupa dengan format [b].css[/b] Tentu saja jika kamu copy dan paste kode CSS yang telah ditambahkan kode CSS untuk menghilangkan bagian atas di bagian Customize CSS profile kamu. (Edit Skin > Customize CSS Box) Maka hanya beberapa kodenya saja yg jalan. Kode untuk menghilangkan Google Ads tidak akan jalan. Oleh sebab itu, di sini kita akan menggunakan [b][color=blue]CSS linker[/color].[/b] [hr][hr] Sebelumnya, kamu register dulu di [url]ripway.com[/url] Langsung sajah ke sini [url=http://ripway.com/signup.asp]Sign Up Ripway Account[/url] Setelah kamu register. [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/01.jpg[/img][/quote] Klik [b]My Files.[/b] [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/02.jpg[/img][/quote] Kemudian [b]Upload Files.[/b] [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/03.jpg[/img][/quote] Setelah itu, kamu browse file CSS yang kamu edit di Notepad tadi. [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/04.jpg[/img][/quote] Dan klik [b]Upload.[/b] [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/05.jpg[/img][/quote] Setelah itu kamu akan melihat file [b]terserah.css[/b] tadi yg sudah terupload. [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/06.jpg[/img][/quote] Kemudian klik [b]Return to My Files[/b] untuk kembali ke root awal. [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/08.jpg[/img][/quote] [i]Note: Jika kamu ingin mengedit atau menambahkan kode2 CSS lagi. Kamu tinggal klik [b]Edit Text.[/b][/i] [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/07.jpg[/img][/quote] Setelah berhasil mengupload file CSS tadi. Kamu [b]copy [/b] URL CSS kamu. Dan untuk menginjeksi file CSS kamu tadi. [i](external CSS)[/i] Kamu pakai yang namanya [b]CSS linker.[/b] [quote][color=red]Lihat bagian bawah post ini untuk [b]LINKER TERBARU[/b]. =)[/color][/quote] Kamu copy dan paste CSS linker yg sudah berhasil digenerate ke [b]Media Box.[/b] [quote][img]http://i275.photobucket.com/albums/jj302/yuna4farplane/09.jpg[/img][/quote] Klik [b]Save[/b] dan Selamat kamu telah berhasil mentweak FS kamu dengan CSS! :D [hr][hr][hr][hr] Setelah ituh. [i]**bagian paling susah. tp gag akan susah lg jika kamu belajar. ;][/i] Kalau kamu ingin menambah fungsi JS. Kamu bisa ke tutorial [b]Bang Kanal.[/b] dan [b]Sis Anna.[/b] dan [b]Mickyriora[/b] untuk penjelasannya. :arrow:[url=http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-Addbox-%28UPDATE-08-03-08%29.html]Kombinasi Addbox dan JS[/url] :arrow:[url=http://theftalk.com/t8003-Eksternal-File.html]JS & CSS Eksternal File[/url] :arrow:[url=http://theftalk.com/t15088-Compiling-javascripts-file.html]Compiling Javascripts File[/url] Untuk menambah fungsi2 JS lainnya. Kamu bisa langsung ke sini untuk lebih lengkapnya.. [quote][color=green][b][url=http://theftalk.com/t23092-FTalk-Indonesia-Index-Directory-%5BCategorical%5D.html]FriendsterTalk Indonesia Indeks/Direktori[/url][/b][/color][/quote] [hr][hr][hr][hr] [color=green][b]:: FROM TRICKS AND TUTORIALS SECTION ::[/b][/color] [b]Javascript functions explained by marfillaster:[/b] [url]http://theftalk.com/viewtopic.php?id=5163&p=1[/url] [b]Random Photo Gallery by Feruzz:[/b] [url]http://theftalk.com/t16330-Random … ED%5D.html[/url] [b]Friends Randomizer by Marfillaster[/b] [url]http://theftalk.com/viewtopic.php?id=5764&p=1[/url] [b]Quick Message Box[/b] [url]http://theftalk.com/viewtopic.php?id=3626&p=1[/url] [b]AntiPoser Cbox With Smilies[/b] [url]http://theftalk.com/t8446-AntiPos … dated.html[/url] [b]Vertical Slide in your Friends Box[/b] [url]http://theftalk.com/viewtopic.php … 96&p=1[/url] [b]addNewBox.HTML Function by Feruzz[/b] [url]http://theftalk.com/t7930-addNewB … 28Nov.html[/url] [b]Marfillaster's addBox gen.[/b] [url]http://h1.ripway.com/mumbhaki/addBoxGenerator.html[/url] [b]Loading trick for all browser by Ezil2007:[/b] [url]http://theftalk.com/viewtopic.php?id=9412&p=1[/url] [b]Enterpage trick by Tazmaine...I'm going to link you to xavierkym's post since his is updated smile[/b] [url]http://theftalk.com/t6652-another … works.html[/url] [b]Viewer's Main Photo by Feruzz:[/b] [url]http://theftalk.com/viewtopic.php?id=9141&p=1[/url] [b]Photo Gallery Slide by mdirwan:[/b] [url]http://theftalk.com/t5696-Change- … MAGE..html[/url] [b]Force log-in script:[/b] [url]http://theftalk.com/t2535-Force-script.html[/url] [b]Moving box contents by Feruzz:[/b] [url]http://theftalk.com/t2052-Moving-Content.html[/url] [b]wvmcbox mode by Feruzz:[/b] [url]http://theftalk.com/t3117-CBOX-Mode.html[/url] [b]Icon under controlpanel buttons[/b] [url]http://theftalk.com/viewtopic.php?id=5437&p=1[/url] == == == == == = = = = [b]Compilation of Tricks and Tutorials (Sort by Contributors' Name)[/b] [url]http://theftalk.com/t22054-Compilation-Tricks-Tutorials-(Sort-Contributors'-Name).html[/url] [b]Tricks And Tutorial Directory [Categorical][/b] [url]http://theftalk.com/t22065-Tricks-Tutorial-Directory-%5BCategorical%5D.html[/url] [hr][hr][hr][hr] [i]FYI : Kamu bisa menginjeksi file external CSS kamu ke dalam kompilasi JS kamu. Tanpa harus memasukkan CSS linker ke media boxmu. ;) Dengan memasukkan kode di bawah ini di script JS kamu.[/i] [i](Note: Taruh kode ini di bagian paling atas script JSnya)[/i] [quote]//css injection var v=document.createElement('link'); v.rel='stylesheet'; v.media='screen, print'; v.href='[b]CSS_URL[/b]'; navigation.appendChild(v);[/quote] :arrow: Untuk file JS. :exclaim: Simpan dengan format [b].js[/b] atau [b].txt[/b] Uploadkan di web hosting kamu (ripway.com). Setelah berhasil diupload. Copy [b]URL JS[/b] kamu tadi di JS linkernya. [hr] Cara memasukkan JSnya sama dengan CSS cuman kali ini kita memakai [b]JS Linker[/b]. Copy linkernya dan paste di [b]Media Box[/b]. :D [hr] [quote][b]CSS Linker Only 21.04.08[/b] Credits to The Cradle <">Generate dengan URL File CSS kamu lalu copy kode yang telah digenerate dan paste di Media Box.[/quote] [quote][b][color=red]Pengumuman. 24 Maret 2008.[/color] Sehubungan dengan adanya proses Filter Linker. Maka thread mengenai linker akan dipindahkan ke The Backstage (Section khusus Moderators). Kalau ada yang ingin bertanya Linker. Silahkan PM para moderators atau member2 lain yang mengetahui linker terbaru. =) Atau ke [/b][url=http://theftalk.com/f5-Friendster-Underground.html][b]Friendster Underground[/b][/url][b] untuk informasi Linker terbaru. [color=red]Perhatian :[/color] Linker hanya akan diberikan kepada member2 yang memenuhi syarat di bawah ini : :arrow: Minimal total post 20. :arrow: Sudah teregister lebih dari seminggu.[/b][/quote] [hr][hr][hr][hr] [spoiler][color=purple][b]Added info: [u]addBox[/u] = box2 yang ingin kamu tambahkan ke profile kamu dengan memakai kode2 js. pada awalnya addBoxnya misalnya mp3 player berupa kode HTML kemudian digenerate di addBox code generator. nah kode yg digenerate itu yang dicopas ke kompilasi file JSmu. [u]WVM[/u] = singkatan "whos viewed me". kan byasanya cuman bs dilihat scr manual dri Home. kalo pake wvm hosting, itu bisa nongol di profilemu. dengan gambar usernya. dan berbagai modifikasi wvm yg ada. ;] [u]JS injection[/u] = penyisipan script javascript (JS) untuk memanipulasi isi dari suatu web. [u]CSS injection[/u] = penyisipan script CSS untuk mengubah tata desain/layout suatu web.[/b][/color] Untuk term lainnya, jika masih bingung, silahkan ke thread ini. :arrow: [url=http://theftalk.com/t23618-Confusing-words-or-terms-for-Newbies..html][b]Confusing Term for Newbie[/b][/url][/spoiler] [hr] [spoiler][color=green][b]Credits to Everyone[/b][/color][/spoiler] Happy tweaking everyone...:D:D:D :penguin: :penguin: :penguin: :penguin: :penguin: :penguin:[/spoiler] [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t8003-%7BTUTORIAL%7D-JS-%26-CSS-Eksternal-File.html][b]JS & CSS Eksternal File[/b][/url]. [spoiler][align=center][b]KOSTUMASI DG FILE EKSTERNAL [/b][/align] [quote][align=center]credits untuk [b]sir ArchAngel[/b] buat JS Linker na :thumbsup: ..klik aja gambar di bawah :thumbsdown: buat bikin js linker na ya ... [url=http://the-cradle.users-board.com/JS-Linker-h63.htm][img]http://i214.photobucket.com/albums/cc192/anna_mareta/de_cradle-1.png[/img][/url][/align][/quote] 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. Sebelum bisa memilliki file di hosting site yg akan dipakai, pd umumnya kita akan diminta untuk membuka account sendiri. (disini diberi contoh dg menggunakan ripway.com untuk keperluan eksternal file) [b]1. Membuat Account di Host Site dan Membuat File Eksternal secara Online[/b] Untuk membuat account baru di ripway.com, klik :arrow: [url]http://ripway.com/signup.asp[/url] Setelah account terbuat : :arrow: Login ke account ripway.com baru tersebut dan kemudian pilih [b]My Files[/b] di menu utama [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/pilih_myfiles.png[/img] [align=center][color=orange][b][i]Gambar a[/b][/i][/color] [/align] :arrow: Pada halaman selanjutnya , lihat di sebelah kanan atas, dan dapat dipilih [b]Create Text File[/b] , untuk memulai membuat file eksternal. [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/create_textfile.png[/img] [align=center][color=orange][b][i]Gambar b[/b][/i][/color] [/align] yg mana akan didapatkan , semacam notepad online spt gambar berikut ; dimana kode2 untuk memodifikasi FS akan dimasukan disini : [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/online_notepad.png[/img] [align=center][color=orange][b][i]Gambar c[/b][/i][/color] [/align] [b]2. Memasukan kode CSS dan membuat file eksternal CSS.[/b] Kode CSS adalah kode2 yg dipakai untuk mengatur tampilan dari halaman web. Contoh kode CSS yg dipakai dalam modifikasi FS , misalnya : <">:arrow: Masukan kode diatas ke online notepad tadi [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/code_css1.png[/img] [align=center][color=orange][b][i]Gambar d[/b][/i][/color] [/align] :arrow: Beri nama file dg ekstensi CSS (ekstensi CSS berarti dibelakang nama harus dikasih [b].CSS[/b]), misalnya beri nama file dengan nama kode_css[b].CSS[/b] [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/saving_css.png[/img] [align=center][color=orange][b][i]Gambar e[/b][/i][/color] [/align] dan klik tombol Save yg terletak di sudut kanan bawah dari online notepad ini, untuk nge-save file. Page akan berubah kembali ke tampilan MyFiles, dg tambahan 1 file CSS yg baru kita save. [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/url_myfile.png[/img] [align=center][color=orange][b][i]Gambar f[/b][/i][/color] [/align] ---------------------------------------------------------------------------------------------------------------------------- Bagian2 yg mungkin perlu diketahui, pada file yg telah dibuat : [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/bagian2.png[/img] [align=center][color=orange][b][i]Gambar g[/b][/i][/color] [/align] - Link Edit : akan diperlukan ketika akan modifikasi kode yg telah ada dlm file ybs. - URL File : letak file di host site, yg akan dipakai ketika file ini mulai di link dg file lain ------------------------------------------------------------------------------------------------------------------------------ Sampai dengan ini , udah dipunyai 1 file CSS, dg kode untuk menghilangkan bagian logo FS , di profile Friendster. Langkah selanjutnya , adalah melink file CSS di atas , ke file eksternal javascript. [b]3. Membuat file Eksternal Javascript secara online[/b] :arrow: Klik lagi link Create Text File , sama spt pada [i]gambar b[/i] diatas untuk mulai membuat file eskternal JS :) :arrow: Masukin kode berikut untuk , menghubungkan/nge-link file css dg javascript yg akan dibuat (kode berikut adalah juga salah satu contoh dari kode javascript): [quote]var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "[color=blue]URL CSS[/color]"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css);[/quote] :arrow: ganti [color=blue]URL CSS[/color] dg url file CSS yg tadi baru dibuat ( dalam contoh nama file adalah kode_css.css dan url file css adalah http://h1.ripway.com/FiendsterTalkIndon/kode_css.css ) [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/url_css.png[/img] [align=center][color=orange][b][i]Gambar h[/b][/i][/color] [/align] yg akhirna kode yg dimasukin di notepad baru adalah : [quote]var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "[color=blue]http://h1.ripway.com/FiendsterTalkIndon/kode_css.css[/color]"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css);[/quote] [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/kode_js.png[/img] [align=center][color=orange][b][i]Gambar i[/b][/i][/color] [/align] :arrow: Setelah kode dimasukin, serupa dg langkah2 pembuatan file eksternal CSS , beri nama file dan save file, dg ekstensi dengan ekstensi [b][color=red]TXT[/b][/color] (pada contoh , file diberi nama [b]kode_jsna.JS[/b]) [color=red]karena seringkali friendster memfilter esktensi JS [/color], jadi sebaikna sih :D : !!! pemberian nama js file sebaiknya dg ekstensi TXT >> [color=red] contoh nama file: kode_jsna.TXT [/color] [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/saving_js.png[/img] [align=center][color=orange][b][i]Gambar j[/b][/i][/color] [/align] Sekarang dah dipunyain :D 1 file JS (dg url na) n 1 file CSS yg udah pada ngelink [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/url_js.png[/img] [align=center][color=orange][b][i]Gambar k[/b][/i][/color] [/align] n langkah terakhir adalah - ngelink file Javascript yg baru dibuat ke Friendster kita =) [b]4. Ngelink File Eksternal ke profile Friendster dg JS linker[/b] Untuk ngebuat kode JS linker , bisa diklik gambar di bawah : [quote][align=center]credits untuk [b]sir ArchAngel[/b] buat JS Linker na :thumbsup: ..klik aja gambar di bawah :thumbsdown: buat bikin js linker na ya ... [url=http://the-cradle.users-board.com/JS-Linker-h63.htm][img]http://i214.photobucket.com/albums/cc192/anna_mareta/de_cradle-1.png[/img][/url][/align][/quote] Misal tadi nama file js adalah kode_jsna.js dan url na adalah :arrow: http://h1.ripway.com/FiendsterTalkIndon/kode_jsna.js (dengan ekstensi TXT , maka url yg didapet bakalan [color=red]http://h1.ripway.com/FiendsterTalkIndon/kode_jsna.TXT[/color] ) masukin url js ke generator nya sir ArchAngel [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/arc_generator1.png[/img] n tros klik tombol Generate na ya .. :D yg selanjutnya kode akan digenerate , dan akan didapetin alert box yg nandain bahwa kode udah selesai digenerate : [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/arc_generator2.png[/img] [color=red]!!! Kode yg digenerate, dr waktu ke waktu akan beda2 :D , jadi gapapa koq kalo kode yg didapetna beda dari contoh diatas !!!![/color] Tutup alert box , block/tandain seluruh kode yg ada digenerator dan kopi kode na [img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/arc_generator3.png[/img] Sekarang login ke friendster , dan buka halaman Edit Profile :arrow: http://friendster.com/editprofile.php Pilih Cuztomize Profile tab .. (http://www.friendster.com/editskin.php?) [img]http://i214.photobucket.com/albums/cc192/anna_mareta/customize.png[/img] :arrow: [b]Paste kode[/b] yg tadi dr generator ke bagian [b]Media Box[/b] [img]http://i214.photobucket.com/albums/cc192/anna_mareta/media_box.png[/img] dan klik tombol Save , yg terletak di paling bawah :D Kembali ke profile FS na , refresh n liat efek , di mana untuk contoh di sini harusna seh :rolleyes: logo friendster na ilang [quote]CONTOH2 KODE : :arrow: kode2 js -->[url]http://theftalk.com/t15339-TUTORIAL-Kombinasi-Addbox-LINKER-10-12%29.html[/url] :arrow: kode2 css -->[url]http://theftalk.com/t8106-%26%239827%3B-Magic-Code-Untuk-Extension-%26%239827%3B-%28for-newbie%29.html[/url][/quote] Semoga berhasil ya ... =) :arrow: 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 :arrow: Solusi buat yg ga jalan : - cek dg teliti kode dalam CSS atau javascriptna :D dan untuk awal pakai dulu kode yg sederhana :cool: - kalo masalahna kode diblock >> terus cek di FTI, kalo2 ada code yg baru ;):thumbsup: Met coba aja :D n sukses wat FTI :thumbsup: :thumbsup: .........Kabooor dolo :lol: ahhh :penguin: :penguin: :penguin: :penguin: :penguin: :penguin:[/spoiler] [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t8106-%7BTUTORIAL%7D-Magic-Code-Untuk-CSS-Extension-%28for-newbie%29.html][b]Magic Code Untuk CSS Extension (for newbie)[/b][/url]. [spoiler]:evil: :evil: :evil: [align=center][color=red][b]UPDATED AT January, 11th 2008[/b][/color][/align] topic ne akoe bikin biar forum konsultasi fs jadi nggak terlalu [b]rame[/b],,, kebanyakan postingan............ :o beribet klo jadinya kita mo nyari kode yang udah diposting.... :/ huahuhauuahua =D [b]ok, we start![/b] pertama pelajari gmana cara nyimpen CSS extension ke Friendster kamu disini: [url]http://theftalk.com/t8003-Eksternal-File-Hosting-Upload-%28Buat-Pemula%29.html[/url] tentunya kmu sudah memiliki basic css code di css box kmu.. klo belum, proses disini: :arrow: [url]http://friendster-tweakers.com/tools/friendster-editor/[/url] simpan codenya di css box kmu... setelah itu baru kita rombak abis fs kmu dengan beberapa code magic berikut ini: [b]1. wellcome alert[/b] <">[b]2. goodbye alert[/b] <">kedua code diatas hanya bekerja di IE :D [b]3. membuat logo sendiri [/b] <">[b]4. menghilangkan "more about me" link pada control panel box[/b] <">[b]5. transparan "shout out"[/b] <">[b]6. no klik kanan dengan message (window bergetar)[/b]:D <">*ganti kata˛nya doank [b]7. border untuk page kmu[/b] <">*ganti HEX COLOR(#xxxxxx) sesuka hati :D [b]8. center profil, text, serta content[/b] <">[b]9. scrolling box[/b] = more about me: <">= comment box: <">= scrolling testimonial (text comment yang dikirim teman) <">*kmu bisa pakai keduanya klo mau, biar lebih hemat tempat di page kmu,so tidak terlalu panjang ke bawah dia..:D = media box <">= friends box <">=custom scrollbar <">= scrollbar di sebelah kiri: <">bole diganti hex colornya sesuka hati :D [b]10. custom status bar & tittle bar[/b] = status bar: <">=tittle bar: <">[b]11. menghilangkan sesuatu........(ntah apa lah namanya):D[/b]:D A) Hide boxes: =blogs & review: <">=fan of: <">=groups: <">=friends: <">=photo gallery: <">=media box: <">b)add ons: =menghilangkan "recent updates": <">= code menghilangkan logo,search,dll: <">= remove footer: <">=hide main navigation,sub navigation.(tombol home,profil,logout,dll): <">= customize main navigation: <">=hide main navigations <">*klo navigasi kmu hidden, jangan kmu pake lagi code "costomize main navigation" nya... percuma..............hauhauhauua =D = fiend list dibuat satu colom: <">=image effect: ada banyak image effect, tapi akoe kasi satu aja dolo ya??:D <">or u can try dis one: <">[b]12.dan lain lain :D [/b] =merubah tampilan foto prymary menjadi [b]gif image[/b] <">=bullet/icon/emoticon in control panel data: <">=bullet/icon/emoticon in control panel buttons: <">=background di master headers: <">~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ code yang mau dipakai disave as: [b]anything.css[/b] kemudian di upload di web hosting kamu,, [align=center][quote]LINKER DISABLED[/quote] [/align] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [color=blue]atau kmu bisa juga menjadikan css tersebut sebagai js,,caranya:[/color] [quote]var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "[color=red][b]URL CSS KAMU[/b][/color]"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css);[/quote] masukkan URL CSS kmu ke dua tempat berwarna [color=red]merah[/color] di atas.. trus save as [b]anything.txt[/b] dan upload lagi.. url yang dihasilkan akan seperti ini: http://www.h1.ripway.com/friendstertalk/anything.txt [align=center][quote]LINKER DISABLED[/quote] [/align] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ nah.......................................... akoe rasa cukup sekian dolo,,,,,,,,,,,, semua code itu dibuat jadi satu file aja biar gag repot,,, oia... dari bro ihsan: link buat nyari hex color: [url]http://friendster-tweakers.com/resources/hex-colors/[/url] ok??? semoga para newbie bisa bikin pagenya tambah keren.......... gut lak,,,,,,,,,,,,,,,,,,,,,,, :penguin: klo ada yg mo nambahin silahkan aje,,,,,, [b]we are here to share...:D[/b] [color=red]*credit to: Friendster-Tweakers.com, ephemeral, emokidd, nahtanoj18, feruzz, websniper, eykalsyamim, switpotato, dll...(soalnya sebagian code akoe ambil dari css akoe,,,:D)[/color] [b] ##code codenya akan selalu diperbaharui, so check out any time to find more##[/b] :D:D:D:D:D:D Ada sedikit tambahan dari bang Yan [quote]Berdasarkan beberapa Usulan dr para sesepuh,utk memudahkan dalam mencari code,saiia coba utk buat thread baru. bagi temen2 yg mau menambahkan atau melengkapi thread ini silahkan,semoga para mod yg terhormat berkenan dgn thread ini :o :D cuma mau share :cool: yg berkenan silahkan coba dan yg ga berkenan jgn mencemooh ya :D :D aku liat ahir2 ini banyak sekali USE IE yg pindah ke FF :D bagi yg kesulitan membuat atau mencari cursor yg bs kebaca di FF saiia kasih alternatifnyah .. cursor [b].ani[/b] cuma bs dibaca sm IE sementara yg utk FF [b].cur[/b] .. dan ini sangat susah utk mencarinya di web yg menyediakan cursor. langsung sajah, ini dia codenya [quote]body { cursor: url(url jpg,gif atau apa aja),default; } a,a:link,a:visited,a:active,a:hover { cursor: url(url jpg,gif atau apa aja),default; } /*on mouse hover*/ A:hover IMG { FILTER: Alpha(Opacity=90, FinishOpacity=40, Style=2, StartX=10, StartY=20, FinishX=0, FinishY=0)} overflow: visible }[/quote] ganti [b]url jpg,gif atau apa aja[/b] dgn url gbr utk cursor bisa cari di [url]http://planetsmilies.com[/url] , [url]http://geocities.com/darkfreed[/url] atau yg lainnya :D taroh di css eksternal kamu :thumbsup: preview :arrow: [url=http://profiles.friendster.com/yanstupid]profile org cakep(narsis dikit :cool: )[/url][/quote] [/spoiler]

Last edited by deathwish4MCR-freak-dude (2008-08-30 04:40:12)

Jirichi Ryunashira
» FTalkElite
FTalk Level: zero
7217
0
1969-12-31

Re: Yap di sini adalah thread yang merupakan kompilasi beberapa thread. Mengenai cara tweak profile friendster kamu dengan CSS maupun JS. Karena maksimal karakter untuk post itu 64kb. Maka post di thread

[b]Bagian kedua :[/b] [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t36325-%7BTUTORIAL-ver.-FLASH%7D-MEMBUAT-FILE-EKSTERNAL.html][b]Membuat CSS External (Flash Ver.)[/b][/url]. [spoiler][align=center] _____________________________________________________________________ Mudah mudahan tutorial ini bisa lebih mempermudah para newbie yang pgn nge-tweak FS nya _____________________________________________________________________ [b][sup]Start by clicking the arrow[/sup][/b] [sup]Wait until u are asked to click the next arrow[/sup] [flash=450x440]http://masih.lelaki.bebas.googlepages.com/tutorialfinal.swf[/flash] _____________________________________________________________________ Credits || [color=grey][b]Them . Me[/b][/color] || _____________________________________________________________________[/align][/spoiler] [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t9204-%7BTUTORIAL%7D-Menambah-Elemen-Personal-Baru-di-FS%28MP3%2CPotoSlide%2CChat%2Cdll%29.html][b]Menambah Elemen Personal Baru di FS(MP3,PotoSlide,Chat,dll)[/b][/url]. [spoiler]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 ( :paranoid: asal jangan bomb aja :lol: ) Tiga bagian dalam pembuatan Elemen baru adalah : [b]- addSideBar Script - Deklarasi Variabel Box dan Pemanggilan addSideBar Script - Penggunaan variabel Box dalam CSS[/b] :exclaim: code buat bikin side bar <">:exclaim: 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 : <">:arrow: Kode terakhir di atas , [b]dikopas ke JS file[/b] yg udah ada , atau buat JS eksternal baru :arrow: 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 :D 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]) :exclaim: Cara mindahin/mengatur posisi elemen/box baru : (yg bikin ntu elemen bukan side-bar lagi :D tapi anywhere-bar :lol: ) <">[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] :arrow: 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 :D semoga pada berhasil - n pada punya elemen2 baru yg keren2 di fs na :) Tks buat abang2 mod dan temen2 yg udah bantu :thumbsup: maju truss FTI ... :thumbsup: ... :penguin: :penguin: :penguin: :penguin: [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 :D[/spoiler] [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-JS-dan-WVM-%2B-Addbox-%28UPDATE-08-03-08%29.html][b]Kombinasi JS dan WVM + Addbox (UPDATE 08/03/08)[/b][/url]. [spoiler]:arrow: [b]Credits goes to all Friendstertalk Members who create these wonderful scripts[/b] [quote][color=red][b]PERHATIAN :[/b][/color] Bagi para FTI'ers yg linker JS dan CSS extensionnya masih berjalan, jangan edit profile dalam FS kalian secara langsung OK. Kalau pun tangan kalian gatal utk utak-atik scriptnya, edit dari source scriptnya langsung (dari accout script hosting kalian) :)[/quote] [quote][color=red][b]UPDATE :[/b][/color] 1. Kombinasi JS dengan WVM versi 3.1 host by Kherminator + script addBox yang sudah diperbaharui. 2. Penempatan WVMCBOX dan No Right Click CBOX. 3. Update CSS Injection. 4. Update Force Log In. 5. Update WVMCBOX versi 2.1. 6. Update No Right Click CBOX versi 2.1. 7. Tutorial Tambahan Yang Berhubungan Dengan WVM.[/quote] :arrow: Browser yg aku gunakan adalah [b]IE6[/b], [b]FF 2.0.0.12[/b] dan [b]Opera 9.26[/b] :thumbsup: Mungkin thread ini pernah aku posting dulu banget ketika FS masih menggunakan script addsidebar dan bukan addBox :) Mohon maaf buat Moderator kalau thread aku kali ini mungkin bisa dibilang double posting. Thread ini aku posting karena ada beberapa orang FTI'ers yang masih bingung dan sering bertanya tentang bagaimana cara mengkombinasikan variabel JS baik itu sebagai stand alone addbox atau mengkombinasikannya dengan WVM (tracker) :) [b]1. Stand alone addBox (membuat tampilan box baru baik itu di kiri/kanan profile FS kalian). Ini berlaku bagi mereka yang tidak menggunakan WVM[/b] :) Pertama kita harus menggunakan script addBox dari [b]Marfillaster[/b]. Disini aku sudah buatkan 3 bagian yaitu ; A, B, C. Itu adalah posisi dimana kalian bisa menempatkan semua JS kalian (apabila kalian menggunakan JS lain). Ini dia scriptnya : [quote][color=blue][b]BAGIAN A[/b][/color] //onload handler function onProfileLoad() { //addboxes here [color=red][b]BAGIAN B[/b][/color] } 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); } } [color=green][b]BAGIAN C[/b][/color][/quote] [b]Bagian A[/b] adalah tempat dimana kalian bisa menempatkan beberapa JS seperti : :arrow: JS Injection :arrow: CSS Injection (baik itu separate CSS ataupun randomize CSS) :arrow: Force Log In :arrow: YM Status :arrow: Loading Page :arrow: Block Viewer Script :arrow: Welcome and Goodbye Alert [b]Bagian B[/b] atau disebut juga onloader/onload handler adalah dimana kalian bisa menempatkan semua variabel JS ataupun variabel addBox kalian seperti : :arrow: Marquee variabel :arrow: CBOX :arrow: More Friends :arrow: Flash MP3, Imeem, dst :arrow: Slide Photo Gallery :arrow: Flash Clock, Flash Slide, Flash Guestbook :arrow: Search Box :arrow: Navigation Box [b]Bagian C[/b] adalah dimana kalian bisa menempatkan beberapa JS seperti : :arrow: Silent No Right Click :arrow: Main Nav Flash :arrow: CP Buttons Flash :arrow: Main Pic Flash or .gif :arrow: Marquee status bar (atas dan bawah) :arrow: Customized Header Names :arrow: Customized Profile Data :arrow: Mini Viewer Misalnya kita ingin memasukkan beberapa script JS seperti : 1. Force Log In 2. Enter Page (linker JS aku yg sekarang tidak mendukung Enter Page jadi tidak aku gunakan) 3. JS Injection 4. CSS Injection 5. Slide Photo Gallery 6. More Friends 7. Flash MP3 8. CBOX 9. Main Nav Flash 10. Main Pin Flash 11. Marquee Status Bar (atas dan bawah) 12. Mini Viewer (yg aku gunakan disini adalah mini viewer di atas kolom friends) Perlu diperhatikan, ada beberapa script yang bisa dimasukkan ke bagian A, B atau C. Kita jangan takut mengkombinasikan JS lho karena kalau mau utak-atik script, kita harus berani trial and error alias coba-coba :) Contohnya script slide photo gallery : [quote]if (!attachOnLoadHandler(function(){embed()})) window.onload = function(){embed()}; function embed(){ var slodde = "<embed src=\"http://widget-e7.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=YOUR SLIDE SLIDING CODE NUMBER&site=widget-e7.slide.com\" style=\"width:100%;height:125px\" name=\"flashticker\" align=\"middle\"/><div style=\"width:100%;text-align:center;\"><a href=\"http://www.friendster.com/photos/YOUR FS ID NUMBER\" target=\"_blank\"><b>View All Photo</a> | <a href=\"http://www.friendster.com/friendphotoupload.php?uid=YOUR FS ID NUMBER\" target=\"_blank\">Upload Photo Fo Me</b></a></div>"; document.getElementById('content_1').style.height='100%'; document.getElementById('content_1').style.overflowY='hidden'; document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>"; [b]}setTimeout("embed()",10000);[/b][/quote] Script diatas itu bisa dimasukkan ke bagian A, B atau C. Tapi yang perlu diingat, apabila kita ingin memasukkannya ke bagian B, lihat bagian yang tebal diatas. Bagian tebal itu harus dihapus. Itu berlaku juga buat semua script terutama script marquee yang menggunakan command [b]setTimeout[/b] :) Kembali ke point mengkombinasikan beberapa JS tersebut di atas, maka hasil akhirnya adalah seperti ini : [quote][b]//js injection[/b] var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "URL JS KAMU"; document.getElementsByTagName("head")[0].appendChild(myjs); [b]//css injection[/b] var css; try { css = document.createElement("link"); }catch(e) { css = document.createElement("<link>"); } css.setAttribute("type","text/css"); css.setAttribute("rel","stylesheet"); css.setAttribute("href","URL CSS KAMU"); css.setAttribute("media","screen, print"); document.getElementsByTagName("head")[0].appendChild(css); [b]//force log in[/b] if(pageViewerID==""){ alert("YOUR TEXT HERE"); top.location.href="http://www.friendster.com/login.php?next=/user.php?uid=uID FS MU"; } //onload handler function onProfileLoad() { //addboxes here [b]//slide photo gallery[/b] var slodde = "<embed src=\"http://widget-e7.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=YOUR SLIDE SLIDING CODE NUMBER&site=widget-e7.slide.com\" style=\"width:100%;height:125px\" name=\"flashticker\" align=\"middle\"/><div style=\"width:100%;text-align:center;\"><a href=\"http://www.friendster.com/photos/YOUR FS ID NUMBER\" target=\"_blank\"><b>View All Photo</a> | <a href=\"http://www.friendster.com/friendphotoupload.php?uid=YOUR FS ID NUMBER\" target=\"_blank\">Upload Photo Fo Me</b></a></div>"; document.getElementById('content_1').style.height='100%'; document.getElementById('content_1').style.overflowY='hidden'; document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>"; [b]//more friends[/b] var kawanku = "<div><div class='boxcontent'><div class='flogrid75'><div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div><br>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div><br>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div><br>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+ "<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div></div></div><br></div></div><div class='viewall'><a href='/friends/YOUROWNUSERID'>VIEW ALL</a></div>"; addBox("RIGHT","MORE FRIENDS",kawanku,"siputbox","7"); [b]//flash mp3[/b] var mp3 ="<div align='center'><embed allowScriptAccess=\"never\" src=\"URL SWF KAMU\" menu=\"false\" quality=\"high\" width=\"265px\" height=\"270px\" name=\"index\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" flashvars=\"playList=URL XML KAMU\" wmode=\"transparent\"/></embed><br /><a href=\"http://www.myspaceprodesigns.com\"></a></div></div>"; addBox("RIGHT",pageOwnerFName+"'s Flash MP3",mp3,"music","7"); [b]//cbox[/b] var cbox="<div align='center' id='cboxdiv'>"+ "<iframe frameborder='0' width='100%' height='305' src='YOUR CBOX MAIN SRC' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='cboxmain' style='border:#DBE2ED 0px solid;' id='cboxmain'></iframe><br/>"+ "<iframe frameborder='0' width='100%' height='75' src='YOUR CBOX FORM SRC' marginheight='2' marginwidth='2' scrolling='no' allowtransparency='yes' name='cboxform' style='border:#DBE2ED 0px solid;border-top:0px' id='cboxform'></iframe>"+ "</div>"; addBox("RIGHT",pageOwnerFName+"'s Shoutbox",cbox,"cboxbox","7"); } 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); } } [b]//main nav flash[/b] document.getElementById("mainnav").getElementsByTagName("ul")["treemenu1"].innerHTML= "<li id='annamainmenu'><div>KODE OBJEK PENGGANTI MENU</div></li>"; [b]//main pic flash[/b] if (!attachOnLoadHandler(function() { primaryImg();})) window.onload = function() { primaryImg();}; function primaryImg() { PRIMARYIMAGE.init(); } if (typeof PRIMARYIMAGE == "undefined") { PRIMARYIMAGE = {}; } PRIMARYIMAGE = { HTML: [], sibling: [], init: function() { this.HTML = document.createElement("DIV"); this.HTML.innerHTML = "PUT ANY HTML CODE HERE"; this.sibling = this.getModuleByClassName(/imgblock200/i)[0]; this.sibling.parentNode.replaceChild(this.HTML,this.sibling); }, getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } }; [b]//marquee status bar atas[/b] <!--// function tb10_makeArray(n){ this.length = n; return this.length; } tb10_messages = new tb10_makeArray(1); tb10_messages[0] = "YOUR TEXT HERE"; tb10_rptType = 'infinite'; tb10_rptNbr = 5; tb10_speed = 100; tb10_delay = 2000; var tb10_wiper var tb10_space="_" var tb10_currMsg=0; var tb10_counter=1; var tb10_index=0 tb10_main() function tb10_main() { document.title=tb10_messages[tb10_currMsg].substring(0,tb10_index) tb10_index++ if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){setTimeout('tb10_reset_clear()',tb10_delay);} else{setTimeout('tb10_main()',tb10_speed)} } function tb10_reset_clear() { tb10_index=0 tb10_wiper="" for(var a=0;a<tb10_messages[tb10_currMsg].length;a++){tb10_wiper+=tb10_space} tb10_clearem() } function tb10_clearem() { document.title=tb10_wiper.substring(0,tb10_index) + "->" + tb10_messages[tb10_currMsg].substring(tb10_index+2,tb10_messages[tb10_currMsg].length) tb10_index++ if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){ if (tb10_currMsg == tb10_messages.length-1){ if ((tb10_rptType == 'finite') && (tb10_counter==tb10_rptNbr)){ document.title=""; return; } tb10_counter++; tb10_currMsg = 0; } else tb10_currMsg++; tb10_index=0 tb10_main() } else{setTimeout('tb10_clearem()',250)} } // --> [b]//marquee status bar bawah[/b] <!--// function doClock() { window.setTimeout( "doClock()", 1000 ); today = new Date(); self.status = today.toString(); } doClock() // --> [b]//mini viewer[/b] if ( ! attachOnLoadHandler(function (){mainVpic();})) window.onload = function (){ mainVpic();}; function mainVpic() { if(pageViewerID!="") SPAWNPIC.init(); } function getRegExpDetails(mypic) { if(!mypic) { SPAWNPIC.getCode(); return; }else { for (val in SPAWNPIC.info) { try { SPAWNPIC.info[val] = new RegExp(SPAWNPIC.regexp[val]).exec(mypic)[1].replace(/(\d)+?/i,"$1"); }catch(e) { SPAWNPIC.info[val] = ""; } } if(pageViewerID != "") SPAWNPIC.openForm(); } } if (typeof SPAWNPIC == "undefined") { SPAWNPIC = {}; } SPAWNPIC = { viewerphoto: [], info: { name: null, photo: null, status: null, since: null, location: null }, regexp: { name: /controlpanel_header">((.|\s)+?)<a\s*name="controlpanel/, photo: /imgblock200"><a.*?>((.|\s)+?)<\/a><\/div>/, status: /data">((.|\s)+?)<\/span><\/li>/, since: /Since\:\s*<\/span>((.|\s)+?)<\/li>/, location: /Location\:\s*<\/span>((.|\s)+?)<\/li>/ }, content: { id: "viewerphoto", sibling: "15" }, init: function() { this.ajaxRequest("viewerPic","/user.php?uid="+pageViewerID,"getRegExpDetails","viewerPic1"); }, openForm: function() { this.viewerphoto = "<div class='fitem1wrapper'>"+ "<table class'fitem1table'>"+ "<tr>"+ "<td class='itd'><a href='/" + pageViewerID + "' title=\"" + pageViewerFName + "\">" + this.info.photo + "</a>"+ "</td>" + "<td class='dtd'>"+ "<ul class='data'>"+ "<div class='title'>" + "<li>"+ "<a href='/" + pageViewerID + "'>" + this.info.name + "</a>"+ "<br />Friendster ID: <a href='/" + pageViewerID + "'>" + pageViewerID + "</a>"+ this.info.status + "<br>Member Since: " + this.info.since + "<br />Location: " + this.info.location + "</li>"+ "</div>" + "</ul>"+ "</td>"+ "</tr>"+ "</table>"+ "</div>"; this.addContent("Welcome to my page "+this.info.name,this.viewerphoto,this.content.id,this.content.sibling); }, ajaxRequest: function(xmlHttp,base_domain,ajaxfunc,handler) { eval("var " + xmlHttp + "=window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject('Msxml2.XMLHTTP');"); eval(xmlHttp + ".onreadystatechange=function(){if(" + xmlHttp + ".readyState==4){" + handler + "=" + xmlHttp + ".responseText;" + ajaxfunc + "(" + handler + ")}}"); eval(xmlHttp + ".open('GET','" + base_domain + "',true);"); eval(xmlHttp + ".send(null);"); }, addContent: function(header,cont,id,sibling) { var box = document.getElementById(sibling).parentNode; try { var obj = document.createElement("LI"); }catch(e) { var obj = document.createElement("<LI>"); } obj.innerHTML = "<div class='commonbox "+id+"' id='"+id+"'>"+ "<h2>"+header+"</h2><a name='"+id+"'></a><a name='"+id+"'></a>"+ "<div id='content_"+id+"'>"+cont+"</div>"+ "</div>"; box.parentNode.insertBefore(obj,box); } };[/quote] Kalian bisa merubah letak boxnya kok. Rubah [b]RIGHT[/b] ke [b]LEFT[/b] atau sebaliknya tapi sesuaikan pula dengan div ID box serta lokasi box tersebut OK :) Kalau melihat script addBox aku diatas, aku menaruh semua box aku di kanan ([b]RIGHT[/b]) dan posisinya ada di posisi no [b]7[/b] yaitu kolom Fans. Jadi nanti semua box aku akan mucul berurutan di atas kolom Fans. Bereksperimenlah sendiri OK :thumbsup: :thumbsup: [b]2. Mengkombinasikan JS kalian dengan WVM (tracker). WVM yang aku gunakan disini adalah WVM ver 3.1 host by Kherminator[/b] :) Lihat isi tracker.js kalian. Aku juga membaginya menjadi 3 bagian (A, B dan C) biar kalian bisa lebih gampang memahaminya. [color=blue][b]Prinsip memasukkan JS nya sama persis dengan nomor 1 diatas OK[/b][/color]. [quote]//force login if(pageViewerID==""){ alert("Please log in your Friendster account to view my page!"); top.location.href="http://www.friendster.com/login.php?next=/user.php?uid=uID FS mu"; } [color=blue][b]BAGIAN A[/b][/color] function onProfileLoad() { //onload handler [color=red][b]BAGIAN B[/b][/color] addBox("RIGHT",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker","2"); } /*TRACKER OBJECT*/ if (typeof TRACKER == "undefined") { TRACKER = {}; } TRACKER = { //iframe css style: { filter: "chroma(color='#FFFFFF')", width: '100%', height: '525px', border: '0px' }, //iframe attributes attributes: { frameborder: '0', allowtransparency: 'true' }, phplink: "http://www.kherminator.000webhost.info/tracker.php", display: 5, //rows per page /*do not edit below this line*/ /* WVMv3.1.1 by marfillaster, (c) 2007 www.friendster.com/mumbhaki credits: feruzz, friendstertalk.com, www.friendster.com licensed under GNU General Public License, version 2 http://www.gnu.org/licenses/gpl.html Disclaimer: NO GUARANTEE and WARRANTY provided! For educational purposes only. Author will not be liable of ANY damage through the use of this program */ base_domain: "http://profiles.friendster.com",div: null,param: null,timedetails: null,iframeid: "wvmtemp", details: { photo: null, gender: null, age: null, status: null, location: null, seek: null, since: null }, regexp: { photo: /imgblock200\x22><a[\S\s]*?img src="([\S\s]*?)"/i, gender: />([\S]*?male)/i, age: /male, ([\d]*?),/i, status: /male, [\d]*?, ([\S\s]*?)<\/span>/i, location: /Location\: <\/span><a[\S\s]*?>([\S\s]*?)<\/a><\/li>/i, seek: /In\: <\/span>([\S\s]*?)<\/li>/i, since: /Since\: <\/span>([\S\s]*?)<\/li>/i }, init: function() { getElementsByClass(/commonbox[\s]*?controlpanel/i,null,"DIV")[0].innerHTML+="<iframe id=\""+this.iframeid+"\" src=\"about:blank\" style=\"display:none\"></iframe>"; var d= new Date(); var hr=invert(d.getTimezoneOffset()/60); this.timedetails="os="+hr; var ifsrc=this.phplink+"?"+this.timedetails+"&id="+pageViewerID+"&owner="+pageOwnerID+"&num="+this.display; var atr=""; var sty=""; for (val in this.attributes) { atr += val +"="+ this.attributes[val]+" "; } for (val in this.style) { sty += val +":"+ this.style[val]+";"; } try {this.div=document.createElement("<div>")} catch(e){this.div=document.createElement("div")} this.div.innerHTML="<iframe id=\"wvm\" "+atr+"src=\""+ifsrc+"\" style=\""+sty+"\"></iframe>"; if(pageViewerID!=pageOwnerID) if(pageViewerID!="") this.getDETAILS(); }, getDETAILS: function() { processAjaxRequest("GET",this.base_domain+"/user.php?uid="+pageViewerID+"&_pmr=h&_pmmo=0&_pmt=controlpanel_1_1",true,null, "TRACKER.parseDETAILS",null); }, parseDETAILS: function(htm) { if(htm.replace(/^\s*|\s*$/g,"")=="") {this.error("Empty xmlresponse! Unable to parse your details!");return;} else { for (val in this.details) { try { this.details[val]=encodeURIComponent(new RegExp(this.regexp[val]).exec(htm)[1]); } catch(e) { this.details[val]=""; } } if(!this.details.photo) {this.error("Unable to parse primary photo! Invalid xmlresponse or incorrect photo regexp.");return;} this.param="?owner="+pageOwnerID+"&id="+pageViewerID+"&name="+pageViewerFName+"&img="+this.details.photo+"&gen="+this.details.gender+"&age="+this.details.age+"&stat="+this.details.status+"&loc="+this.details.location+"&seek="+this.details.seek+"&since="+this.details.since; document.getElementById(this.iframeid).src=this.phplink+this.param; } }, error: function(e) { alert("WVM ERROR: "+e+" Tracker will not update."); } }; /*END TRACKER OBJECT*/ if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()}; TRACKER.init(); /*MISC FUNCTIONS*/ 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); } } function processAjaxRequest(type,url,cont,param,handler,handlerparam) { //by marfillaster //type 'POST' | 'GET' //cont 'true' | 'false' //param string | null //handler string | null //handlerparam string |null if(handlerparam) handlerparam=","+handlerparam; else handlerparam=""; var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP"); if(handler) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+handler+"(httprequest.responseText"+handlerparam+");}}"); httprequest.open( type, url, cont); if(type=="POST") { httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); httprequest.setRequestHeader("Content-length", param.length); httprequest.setRequestHeader("Connection", "close"); } httprequest.send(param); } function invert(x) { if(x>0) return parseInt("-"+x); else if(x<0) { x=x+""; return parseInt(x.substr(1,x.length-1)); } return 0; } function randOrd(){ return (Math.round(Math.random())-0.5); } function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp(searchClass); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements; } /*END MISC FUNCTIONS*/ //other codes goes here [color=green][b]BAGIAN C[/b][/color][/quote] :arrow: [b]NOTE[/b] : Bagi kalian yang mau membuat marquee status bar dari situs ini http://www.bosiljak.hr/titlemaker maka ada yang perlu diingat. Umpama kita mau buat script marquee scroll left. Script yang didapat dari situs tersebut adalah ini : [quote][b]<script type="text/javascript"> //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)[/b] function tb1_makeArray(n){ this.length = n; return this.length; } tb1_messages = new tb1_makeArray(1); tb1_messages[0] = "YOUR TEXT HERE"; tb1_bln = 50; tb1_rptType = 'infinite'; tb1_rptNbr = 5; tb1_speed = 100; tb1_counter=1; tb1_timer = null; tb1_last = 1; tb1_st=''; tb1_currMsg = 0; function tb1_scrolltitle(){ if (tb1_last > tb1_messages[tb1_currMsg].length){ if (tb1_st.length == 0){ tb1_last=1; if (tb1_currMsg == tb1_messages.length-1){ if ((tb1_rptType == 'finite') && (tb1_counter==tb1_rptNbr)){ clearTimeout(tb1_timer); return; } tb1_counter++; tb1_currMsg=0; } else{ tb1_currMsg++; } } else{ tb1_st=tb1_st.substring(1,tb1_st.length); } } else{ tb1_st = tb1_messages[tb1_currMsg].substring(0, tb1_last); for (var i=0; i<=(tb1_bln+tb1_messages[tb1_currMsg].length-tb1_last); i++) tb1_st="_"+tb1_st; tb1_last++; } document.title = tb1_st; tb1_timer = setTimeout("tb1_scrolltitle()", tb1_speed); } tb1_scrolltitle(); [b]</script>[/b][/quote] Maka untuk memasukkannya kedalam FS kita, jadikan script itu menjadi JS lalu hapus script yang tebal diatas. Maka Script jadinya akan menjadi begini : [quote]function tb1_makeArray(n){ this.length = n; return this.length; } tb1_messages = new tb1_makeArray(1); tb1_messages[0] = "YOUR TEXT HERE"; tb1_bln = 50; tb1_rptType = 'infinite'; tb1_rptNbr = 5; tb1_speed = 100; tb1_counter=1; tb1_timer = null; tb1_last = 1; tb1_st=''; tb1_currMsg = 0; function tb1_scrolltitle(){ if (tb1_last > tb1_messages[tb1_currMsg].length){ if (tb1_st.length == 0){ tb1_last=1; if (tb1_currMsg == tb1_messages.length-1){ if ((tb1_rptType == 'finite') && (tb1_counter==tb1_rptNbr)){ clearTimeout(tb1_timer); return; } tb1_counter++; tb1_currMsg=0; } else{ tb1_currMsg++; } } else{ tb1_st=tb1_st.substring(1,tb1_st.length); } } else{ tb1_st = tb1_messages[tb1_currMsg].substring(0, tb1_last); for (var i=0; i<=(tb1_bln+tb1_messages[tb1_currMsg].length-tb1_last); i++) tb1_st="_"+tb1_st; tb1_last++; } document.title = tb1_st; tb1_timer = setTimeout("tb1_scrolltitle()", tb1_speed); } tb1_scrolltitle();[/quote] [b]UPDATE[/b] Ini update untuk kalian para FTI'ers yg ingin menggunakan script WVMCBOX ataupun No Right Click CBOX. Kalian register dulu utk membuat CBOX baru di [url]www.cbox.ws[/url]. Ini dia scriptnya : :arrow: [b]WVMCBOX versi 2.1 by Feruzz[/b]. Buat sebagai [b].js[/b] extension sendiri. [quote]if (!attachOnLoadHandler(function() { whoview();})) window.onload = function() { whoview();}; function whoview(){ WVMCBOX.init(); } if (typeof WVMCBOX == "undefined") { WVMCBOX = {}; } WVMCBOX = { wvmcbox: [], message: ""+Date().replace(/\(.+\)/,"")+"", base: { "cboxdiv": ["[b]www[/b]","[color=red][b]boxID[/b][/color]","[color=blue][b]boxtag[/b][/color]"] }, init: function() { for (val in this.base) { this.wvmcbox = "<iframe frameborder=\"0\" width=\"100%\" height=\"330\" src=\"http://"+this.base[val][0]+".cbox.ws/box/?boxid="+this.base[val][1]+"&boxtag="+this.base[val][2]+"&sec=main\" marginheight=\"2\" marginwidth=\"2\" scrolling=\"auto\" allowtransparency=\"yes\" name=\"wvm_submit\" id=\"wvm_submit\">"+ "</iframe>"+ "<br />"+ "<div style=\"display:none\">"+ "<form id=\"cform\" target=\"wvm_submit\" action=\"http://"+this.base[val][0]+".cbox.ws/box/?boxid="+this.base[val][1]+"&boxtag="+this.base[val][2]+"&sec=submit\" method=\"post\">"+ "<input type=\"text\" name=\"nme\" value=\""+pageViewerFName+"\">"+ "<input type=\"text\" name=\"eml\" value=\"http://profiles.friendster.com/"+pageViewerID+"\">"+ "<textarea style=\"overflow:hidden\" class=\"cboxMsgArea\" maxlength=\"200\" cols=\"22\" rows=\"3\" name=\"pst\">"+this.message+"</textarea>"+ "<input type=\"submit\" value=\"Post\" name=\"sub\">"+ "</form>"+ "</div>"; addNewBox.HTML("Daftar Pengunjung","<div id=\""+val+"\" align=\"center\">"+this.wvmcbox+"</div>","wvmcbox",/friends/i,"below"); } if((pageViewerID != pageOwnerID) && (pageViewerID != "")) { document.getElementById("cform").submit(); } } }; if (typeof addNewBox == "undefined") { addNewBox = {}; } addNewBox = { //addNewBox v2.2 /* header: HTML string name null - no header x: "above" - HTML string: at the above of sibling box "below" - HTML string: at the below of sibling box null - HTML string: at the very bottom of box sibling:- /controlpanel/i - /photos/i - /blogs/i - /reviews/i - /moreabout/i - /publiccomments/i - /scrapbook/i - /meettrail/i - /friends/i - /ads/i - /fanof/i - /groups/i */ li: [], ul: [], HTML: function(head,code,id,sibling,x) { this.li = document.createElement("LI"); if (!head) head = ""; else head = "<h2>"+head+"</h2>"; this.li.innerHTML = "<div class=\"commonbox "+id+"\" id=\""+id+"\">"+ head+ "<div id=\"content_"+id+"\">"+ code+ "</div>"+ "</div>"; if (!x) this.getModuleByClassName(sibling)[0].parentNode.parentNode.appendChild(this.li); else if (x == "below") this.getModuleByClassName(sibling)[0].parentNode.appendChild(this.li); else if (x == "above") { this.ul = this.getModuleByClassName(sibling)[0]; this.ul.parentNode.parentNode.insertBefore(this.li,this.ul.parentNode); } }, getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } };[/quote] :arrow: [b]No Right Click CBOX versi 2.2 by Feruzz[/b]. Buat juga sebagai [b].js[/b] extension sendiri. [quote]if (!attachOnLoadHandler(function() { WHORC.init();})) window.onload = function() { WHORC.init();}; if (typeof WHORC == "undefined") { WHORC = {}; } WHORC = { rccboxform: null, message: "No Right Click Please :cool: ", base: { "whorcCbox": ["[b]www[/b]","[color=red][b]boxID[/b][/color]","[color=blue][b]boxtag[/b][/color]"] }, init: function() { for (val in WHORC.base) { WHORC.rccboxform = "<iframe frameborder=\"0\" width=\"100%\" height=\"325\" src=\"http://"+WHORC.base[val][0]+".cbox.ws/box/?boxid="+WHORC.base[val][1]+"&boxtag="+WHORC.base[val][2]+"&sec=main\" marginheight=\"2\" marginwidth=\"2\" scrolling=\"auto\" allowtransparency=\"yes\" name=\"rcPost\" id=\"rcPost\">"+ "</iframe>"+ "<br />"+ "<div style=\"display:none\">"+ "<form name=\"whoClick\" target=\"rcPost\" action=\"http://"+WHORC.base[val][0]+".cbox.ws/box/?boxid="+WHORC.base[val][1]+"&boxtag="+WHORC.base[val][2]+"&sec=submit\" method=\"post\">"+ "<input type=\"text\" name=\"nme\" value=\""+pageViewerFName+"\">"+ "<input type=\"text\" name=\"eml\" value=\"http://profiles.friendster.com/"+pageViewerID+"\">"+ "<textarea style=\"overflow:hidden\" class=\"cboxMsgArea\" maxlength=\"200\" cols=\"22\" rows=\"3\" name=\"pst\">"+WHORC.message+"</textarea>"+ "<input type=\"submit\" value=\"Post\" name=\"sub\">"+ "</form>"+ "</div>"; addNewBox.init(pageOwnerFName+"'s No Right Click Box","<div id=\""+val+"\" align=\"center\">"+WHORC.rccboxform+"</div>","rccboxform",/friends/i,"below"); } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown = WHORC.NS4; } else if (document.all && !document.getElementById) { document.onmousedown = WHORC.IE4; } document.oncontextmenu = new Function("WHORC.whoRC();return false"); }, whoRC: function() { if((pageViewerID != pageOwnerID) && (pageViewerID != "")) { document.whoClick.submit(); } }, IE4: function() { if (event.button == 2) { WHORC.whoRC(); return false; } }, NS4: function(e) { if (document.layers || document.getElementById && !document.all) { if (e.which == 2 || e.which == 3) { WHORC.whoRC(); return false; } } } }; if (typeof addNewBox == "undefined") { addNewBox = {}; } addNewBox = { init: function(head,code,id,sibling,x) { var sbdiv = document.createElement("div"); sbdiv.className="commonbox "+id; sbdiv.id = id; if (!head) head = ""; else head = "<h2>"+head+"</h2>"; sbdiv.innerHTML = head; sbdiv.appendChild(document.createElement("div")); sbdiv.getElementsByTagName("div")[0].id = "content_"+id; sbdiv.getElementsByTagName("div")[0].innerHTML = code; var sbli = document.createElement("LI"); sbli.appendChild(sbdiv); if (!x) addNewBox.getModuleByClassName(sibling)[0].parentNode.parentNode.appendChild(sbli); else if (x == "below") addNewBox.getModuleByClassName(sibling)[0].parentNode.appendChild(sbli); else if (x == "above") { var ul = addNewBox.getModuleByClassName(sibling)[0]; ul.parentNode.parentNode.insertBefore(sbli,ul.parentNode); } }, getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } };[/quote] OK sekarang perhatikan kedua script di atas. Disana ada yg berwarna hitam, merah dan biru. Itu adalah link dari CBOX kalian. Hitam menandakan URL dari CBOX kalian (bisa www,www1,www2, dsb). Merah itu menunjukkan boxID CBOX kalian sedang biru menandakan boxtag CBOX kalian. Apakah itu www, boxID dan boxTAG? Kalau kalian membuat CBOX pasti kalian akan mendapatkan script seperti ini (aku sudah langsung berikan warna sesuai fungsinya OK) : [quote]<!-- BEGIN CBOX - www.cbox.ws --> <div align="center" id="cboxdiv"> <iframe frameborder="0" width="160" height="230" src="http://[b]www3[/b].cbox.ws/box/?boxid=[color=red][b]1234567[/b][/color]&amp;boxtag=[color=blue][b]1234[/b][/color]&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe><br/> <iframe frameborder="0" width="160" height="75" src="http://www3.cbox.ws/box/?boxid=2334194&amp;boxtag=4106&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe> </div> <!-- END CBOX -->[/quote] Ganti deh warna hitam, merah dan biru dan sesuaikan dengan URL, boxID dan boxtag dari CBOX kalian OK. Nah script WVMCBOX dan No Right Click CBOX itu lalu kombinasikan dengan JS kalian yg lain menggunakan JS injection. Ini dia : [quote][b]//wvmcbox[/b] var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "URL JS WVMCBOX"; document.getElementsByTagName("head")[0].appendChild(myjs); [b]//no right click cbox[/b] var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "URL JS NO RIGHT CLICK CBOX"; document.getElementsByTagName("head")[0].appendChild(myjs);[/quote] URL JS KAMU ganti dengan URL JS dari WVMCBOX atau No Right Click CBOX milik kalian. Itu kalau kalian ingin menggunakan keduanya. Kalau tidak ya pilih salah satu saja OK. JS injection itu taruh di paling atas JS utama kalian ([b]Bagian A[/b]). Kalau kalian menggunakan WVM, taruh di paling atas script tracker.js kalian :) Selamat mencoba teman-teman :) Ingat jangan takut salah. Beranikan dirimu untuk melakukan trial and error. Kalau masih ada yang perlu ditanyakan tentang cara mengkombinasikan JS atau cara membuat variabel JS, posting pertanyaan kalian disini agar thread Konsultasi FS tidak terlalu penuh :thumbsup: :thumbsup: [color=red][b]PERHATIAN[/b][/color] : Semua script diatas adalah script mentah jadi tidak bisa langsung digunakan alias harus kalian edit terlebih dahulu OK. Thanks bro Kher :D [b][u]LIST TUTORIAL[/u][/b] [b]1. Tutorial merubah letak addBox memakai script addBox Marfillaster terbaru[/b] lihat disini :arrow: http://theftalk.com/viewtopic.php?id=15339&p=4 dan lihat postingan nomor [b]76[/b]. [b]2. Tutorial mempercepat loading JS[/b] lihat disini :arrow: http://theftalk.com/t20756-Mempercepat-Loading-Pada-Profile-Friendster-Kita.html [b]3. Tutorial mengkombinasikan WVM dengan script Auto Friend Scanner dan Randomized Friends[/b] lihat disini http://theftalk.com/t20756-Mempercepat-Loading-Pada-Profile-Friendster-Kita.html dan lihat postingan nomor [b]16[/b]. [b]4. Tutorial membuat Flash MP3 sendiri[/b] lihat disini :arrow: =3" title="" rel="nofollow">http://theftalk.com/viewtopic.php?id=3731&p=3 dan lihat postingan nomor [b]48[/b]. [b]5. Tutorial membuat profile FS satu kolom[/b] lihat disini :arrow: http://theftalk.com/t22099-%7BTUTORIAL%7D-Membuat-Profile-Satu-Kolom.html. [b]6. Tutorial mengganti primary pic dengan flash ataupun gif[/b] lihat disini :arrow: http://theftalk.com/viewtopic.php?id=9204&p=12 dan lihat postingan nomor [b]226[/b]. [b]7. CSS compressor[/b] lihat disini :arrow: http://theftalk.com/t23122-%7BAdd-Ons%7D-Compressor.html.[/spoiler]

Last edited by deathwish4MCR-freak-dude (2008-06-23 08:22:35)

Jirichi Ryunashira
» FTalkElite
FTalk Level: zero
7217
0
1969-12-31

Re: Yap di sini adalah thread yang merupakan kompilasi beberapa thread. Mengenai cara tweak profile friendster kamu dengan CSS maupun JS. Karena maksimal karakter untuk post itu 64kb. Maka post di thread

[b]Bagian Ketiga :[/b] [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t31843-%7BTUTORIAL%7D-HTML-Layout-Preview-%28JS-CSS%29.html][b]HTML Layout Preview (JS/CSS)[/b][/url] [spoiler]Mungkin sebagian code contributor disini masih belum tau bagaimana memanfaatkan source profile untuk dijadikan preview code. Beberapa waktu ini Friendster sering melakukan filtering, dan parahnya itu hanya berlaku di sebagian profile. sehingga, preview dari code˛ yang sudah di share tidak bisa dilihat oleh member yang fsnya nggak ketiban sial. Maka lebih baik, jika kita host sendiri profile kita, dan menjadikannya sebagai preview code/layout tanpa harus registrasi fs baru untuk profile tester. [b]HERE WE GO![/b] [hr][hr][hr] [li][b]LANGKAH 1[/b][/li] view profile friendster kamu sendiri. lalu ambil sourcenya. mozilla = CTRL+U IE = klik [b]view[/b] pada toolbar, pilih [b]source[/b]. (berlaku pada safari dan opera) copy full source profilemu, save ke [b]notepad[/b] dengan nama file [b]preview.html[/b] <-- harus dengan extensi .html ato .htm [li][b]LANGKAH 2[/b][/li] jika profile kamu menggunakan linker, hapus linker codenya di source yang sudah di dapat. linker tersebut dapat di temukan pada bagian scrapbook (mediabox). [quote]<script type="text/javascript" src="/modules/scrapbook.js"></script><li><div class="clearfix commonbox scrapbook" id="10"> <h2>Kher's Media Box<a name="10"></a><a name="scrapbook"></a></h2> <script type="text/javascript"> var module = {"owner": 48417962, "moduleID": "10", "moduleName": "scrapbook" } modules["10"] = module; </script><div id="content_10"><div class="boxcontent">[b]di sekitar sini[/b]</div></div> </div></li>[/quote] setelah linker codenya di hapus, upload file tersebut ke web hosting kalian (ripway). [li][b]LANGKAH 3[/b][/li] edit text pada file html tadi, cari bagian [b]Who I Want To Meet[/b]. disitu kita akan memasukkan code yang akan di share ke public. [quote]<span class="q">Who I Want to Meet: </span><br><p>[b]CODENYA DILETAKKAN DISINI[/b]</p> </li> </ul></div></div> </div></li>[/quote] cara meletakkan code java script pada HTML harus menggunakan <script> </script> tag. disini saya ambil contoh js untuk wellcome alert. [quote]<span class="q">Who I Want to Meet: </span><br> <p> [b]<script type="text/javascript"> alert("wellcome to my page "+pageViewerFName+"!"); </script>[/b] </p> </li> </ul></div></div> </div></li>[/quote] [quote][b]NOTE! tidak dibenarkan menggunakan [u]document.write[/u] dalam pemanggilan url js lain! gunakan script js injection untuk meng-inject script js lainnya.[/b][/quote] save code yang telah di edit tersebut, dan gunakan url file HTML tadi sebagai preview untuk code yang ingin di share.. contoh: [url=http://h1.ripway.com/kherminator2/premade/tooltipscomment.html][b]TOOLTIPS TESTIMONIALS[/b][/url] [li][b]RULES[/b][/li] jangan lupa mengikutsertakan fungsi yang terkait script tersebut jika diperlukan, contoh: - onloadhandler - misc function (addbox) - css injection - dll [li][b]KEUNGGULAN[/b][/li] - loading lebih cepat (tidak menggunakan banyak js dan css, hanya terkonsentrasi pada js/css yang ingin dijadikan preview. - tidak terpengaruh akan friendster maintenane, update, atau filtering - preview tidak akan hilang saat contributor merombak friendster originalnya.[/spoiler] [hr][hr][hr][hr][hr] Jika ingin keterangan lebih lanjut, silahkan klik link threadnya. Jika ingin konsultasi mengenai masalah FS, silahkan post di thread [url=http://theftalk.com/t22412-%7BTUTORIAL%7D-KONSULTASI-FS%21.html][b]Konsultasi FS[/b][/url]. Sekian dan Happy Tweaking. Regards, [b]FTI Moderators[/b]

Last edited by deathwish4MCR-freak-dude (2008-06-23 08:23:35)

  • ARCHIVES 
  • » Yap di sini adalah thread yang merupakan kompilasi beberapa thread. Mengenai cara tweak profile friendster kamu dengan CSS maupun JS. Karena maksimal karakter untuk post itu 64kb. Maka post di thread

Pages: 1

Board footer

© 2025 F Talk

Current time is 17:17

[ 10 queries - 0.010 second ]
Privacy Policy