Moving Shoutbox Text

Trik ini akan memberikan efek typewriter pada tulisan di shoutbox kamu. Untuk lebih jelasnya bisa dilihat sepeti pada gambar.

Seperti biasa cukup copy paste kode Klik Disini kedalam tracker.txt kamu pada BAGIAN C.

pada bagian "YOUR TEXT HERE" bisa kamu isikan tulisan sesuka kamu, maka yang akan muncul nanti adalah text shoutbox dari editan ini. Sebagai tambahan untuk mempercantik tampilan shoutboxnya lebih baik dibuat transparent.

Untuk membuat kotak shoutbox transparant, copy kode dibawah ini kedalam external.css kamu.

{transparent shoutout} .controlpanel .so { margin: 0 -20px 10px 0; width: 257px; position: relative; background:url() repeat-y top left; color: #ffffff; font-weight: bold; }

Selamat mencoba. Good luck.

Credit : friendstertalk.com

Selengkapnya....

Moving Titlebar Text

Trik ini akan memberikan efek typewriter pada tulisan titlebar di browser kamu dan bisa diganti kata-katanya sesuka kamu. Hasilnya seperti gambar dibawah ini.

Langkahnya cukup sederhana, copy paste kode dibawah ini kedalam tracker.txt kamu pada BAGIAN C.

//titlebar
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "YOUR_TEXT_HERE";
tb8_messages[1] = "YOUR_TEXT_HERE";
tb8_messages[2] = "YOUR_TEXT_HERE";
tb8_messages[3] = "YOUR_TEXT_HERE";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 170;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()

pada bagian yang berwarna kuning bisa kamu isi dengan text sesuka kamu. Kemudian jika kamu ingin menambahkan jumlah susunan kata cukup copy paste bagian yang berwarna hijau dan ganti urutan angkanya. Jika ingin mengurangi cukup hapus saja bagian yang berwarna hijau sebaris penuh. Selamat mencoba.

Credit : friendstertalk.com

Selengkapnya....

Shaking Your Browser Window

Trik ini untuk membuat jendela browser kamu bergetar ketika profil kamu dibuka. Ini hanya salah satu dari berbagai macam jenis variasi getaran yang terjadi. Untuk previewnya seperti pada gambar.


Cara penggunannya mudah saja, cukup copykan kode klik disini kedalam tracker.txt kamu pada BAGIAN C.

Jadi jika profil kamu dibuka maka otomatis akan memberikan efek getaran seperti pada gambar diatas. Selamat mencoba.


Credit : friendstertalk.com

Selengkapnya....

Mini Viewer Visitor Photo

Trick ini untuk menampilkan photo atau picture orang yang mengunjungi profile kamu. Jadi begitu dia mengunjungi profilemu maka tampang doi akan terpampang di tampilan layout friendstermu. Biar lebih jelasnya bisa lihat hasilnya seperti gambar dibawah ini.


Untuk caranya sebenernya mudah karena tinggal copy paste script atau kodenya aja.

1. Copy kode klik disini ke BAGIAN C di dalam tracker.txt. Buat yang belum ngerti klik disini dulu.

2. Copy kode dibawah ini kedalam external.css. Buat yang masih belom ngerti klik disini dulu.

/*Mini Viewer*/
#SPAWNPIC img {
height:105px;
width: 130px;
border: 1px #FFFFFF solid;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#SPAWNPIC a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

3. Copy URL dari external.css kamu sebagai contoh seperti gambar dibawah ini.


4. Buka file tracker.txt cari bagian kode seperti yang ditunjukkan dibawah ini.

//css injection
// change link to your external css extention optional
var mycss = document.createElement("link");
mycss.type = "text/css";
mycss.rel = "stylesheet";
mycss.href = "URL_CSS_HERE";
mycss.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(mycss);

paste URL hasil copy tadi ke bagian yang berwarna kuning.

Credit : friendstertalk.com

Selengkapnya....

Membuat Detail Status Profil Sendiri

Jadi kamu bisa membuat label detail profil sesuka kamu, Review.
Copy paste kode dibawah ini dalam tracker.txt pada BAGIAN C

Download Script'nya Klik Disini

pada bagian YOUR_TEXT_HERE bisa diganti sesuka kamu. Kemudian pada akhir baris pada bagian ujung akhir harus diberi tanda [ ; ].

Selengkapnya....

Background Music pada Friendster (Update)

Setelah beberapa waktu lalu Friendster Team melakukan patching dan filtering abis-abisan membuat beberapa embed code sudah tidak bisa lagi dipasang secara langsung pada About Me atau Media Box, membuat sebagian user yang doyan modifikasi profil menjadi bete. Namun tetap saja akhirnya bug baru telah ditemukan sehingga para modifikator bisa tetap menggunakan code-code yang ingin mereka pasang.

Untuk linker sebagai tempat meletakkan kode-kode inject sudah saya berikan di linker update terbaru. Sementara sekarang akan saya berikan untuk memasang kode embed musik yang digunakan untuk backsound karena sudah tidak bisa dipasang di media box atau about me maka harus dipasang sebagai aplikasi. Caranya mirip penggunaan linker. Berikut langkahnya:

1. Buka mp3-codes.com.
2. Cari music atau lagu yang diinginkan melalui Search atau Music Directory.
3. Klik pada music yang telah dipilih dan copy kode yang diberikan.
4. Log In dalam friendster.
5. Masuk ke Add App wuxiaspear klik disini.


6. Klik button Add App seperti yang ada pada gambar diatas.
7. Copy kode yang disediakan dari mp3-code seperti pada gambar dibawah.


8. Paste kode tersebut kedalam kolom kotak box yang disediakan, sample seperti gambar dibawah.
9. Klik button update my profile seperti pada gambar diatas.

Dengan begitu sekarang profil friendster kamu sudah bisa diisi sama backsound kesukaan kamu. Untuk situs music yang saya berikan diatas sudah lumayan banyak koleksi untuk lagu barat. Sementara untuk music atau lagu lokal bisa dicari sendiri lalu pemasangan sama seperti yang saya berikan disini cukup dicopi paste kodenya. Selamat mencoba semoga bermanfaat.

Selengkapnya....

Modifikasi Comment atau Testimonial Box

Berikut akan diberikan membuat tampilan comment atau testimonial box kebuka kalo mouse diarahin ke comment kemudian akan muncul photo atau picture yang kasih comment. Untuk hasilnya bisa dilihat seperti pada gambar.

Sebenernya sudah ada beberapa variasi modifikasi tampilan comment box, ini salah satu yang saya ketahui dan saya sukai tampilannya. Jadi kalo yang mo coba variasi lain bisa kunjungi friendstertalk.com.

1. Download kode comment_box_load klik disini. Copy kode tersebut dan paste di BAGIAN A dalam tracker.txt. Buat yang belum ngerti bisa klik disini.

2. Download kode comment_box klik disini (sory tidak saya copykan disini karena scriptnya cukup panjang). Copy kode tersebut dan paste di BAGIAN C dalam tracker.txt.

3. Copy kode dibawah ini dan paste dalam external.css.

/*Comment Box*/
.publiccomments div div .dtd ul {
color:#FFFFFF;
overflow: hidden;
width: 420px;
height: 50px;
border: 1px solid #FFFFFF;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; opacity: 0.5; border: 1px solid #FFFFFF; -moz-border-radius: 10px;
padding: 10px;
}

.publiccomments div div .dtd ul:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; height: 100%; min-height: 100px;
border: 1px solid #FFF;
}

.publiccomments .title{
width:400px;
text-align: center;
text-color: #000000;
font-family: arial;
background:#000000;
-moz-border-radius: 10px;
padding:10px;
}

pada bagian yang berwarna kuning bisa diubah-ubah isinya tapi harus disesuaikan dengan inputnya. Jadi ada tiga langkah utama untuk meletakkan tiga macam kode yang berbeda.

Credit : friendstertalk.com

Selengkapnya....

Modifikasi Who's Viewed Me Version 3.1.1

Modifikasinya disini hanya sebatas merubah sedikit tampilan dari Visitor Log agar terlihat lebih menarik karena setting tampilan default terkadang tidak sesuai dengan layout friendster yang sudah kita pasang dan yang digunakan disini adalah WVM Version 3.1.1 by Marfillaster. Untuk beberapa versi lain dari WVM sudah banyak yang dimodifikasi dan tampilannya juga cukup menarik, untuk lebih jelasnya bisa kunjungi friendstertalk.com.

Berikut langkah sedikit modifikasi pada WVM Version 3.1.1 :
1. Merubah jumlah visitor yang ditampilkan pada Visitor Log.
2. Merubah ukuran box Visitor Log.
3. Merubah jenis, ukuran, dan warna font.
4. Membuat tampilan box transparant.

Kalo ada yang bingung apa itu WVM atau visitor log bisa klik disini dulu.

Selengkapnya....

Visitor Log (Who's Viewed Me ?) on Your Profile

Ini merupakan trik modifikasi friendster untuk menambahkan visitor log atau mudahnya untuk menampilkan Who's Viewed Me di tampilan profilmu. Jadi setiap user yang melihat profilmu kalo tidak dalam keadaan anonymous maka pasti akan ke record di dalam who's viewed me. Nha trik ini untuk menampilkan who's viewed me tadi ke dalam tampilan profil kamu. Jadi siapapun bisa melihat siapa saja user lain yang telah mengunjungi profilmu.

Namun sebelumnya visitor log yang diberikan disini cuma yang versi standar saja, untuk pengembangannya bisa dilakukan sendiri dan juga yang saya gunakan adalah yang versi 3.1.1 by Marfillaster. Untuk tampilan sample hasilnya seperti dibawah ini.


Berikut langkah-langkahnya :

1. Download file trackernya bernama dens_tracker.zip klik disini.

2. Extract file zip tersebut maka akan didapatkan tiga buah file yaitu external.css, tracker.css, dan tracker.txt dimana untuk fungsi ketiga file ini akan dibahas nanti.

3. Buka ripway.com dan Log In ke dalam account kamu. Buat yang belum punya account hosting bisa daftar free di situs tersebut seperti yang sudah djelaskan klik disini.

4. Masuk ke dalam menu My Files lalu buatlah sebuah folder baru. Klik Create Subfolder untuk membuat folder baru.

5. Klik pada folder baru yang telah dibuat untuk membuka foldernya. Maka seharusnya tampilan seperti ini :

6. Upload ketiga buah file hasil extract tadi ke dalam hosting. Yang penting ketiga file tadi harus berada dalam satu folder. Klik Upload files seperti gambar diatas. Jika sudah maka seharusnya dalam folder sudah terdapat tiga buah file baru.

7. Masukkan ID profilmu dalam database melalui klik disini. Pada bagian Friendster ID masukkan nomer ID profil friendster kamu. Cara mengetahui nomer ID klik disini.

8. Pada bagian Tracker.css Link masukkan URL tracker.css yang ada di hosting ripway kamu. Sebagai contoh untuk gambar diatas, yang dicopy yaitu bagian :

http://h1.ripway.com/Isep/Friendster/tracker.css

di paste di Tracker.css Link jika sudah semua klik tombol Submit Query hingga muncul notifikasi Registration Complete!. continue to next step!. Sehingga ID profilmu telah berhasil dimasukkan kedalam database berfungsi sebagai record nantinya.

Sekarang tinggal bagaimana memasukkannya ke dalam friendster. Perlu diketahui di dalam friendster baik itu di about me, who i want to meet, atau media box section semuanya hanya mendukung html atau bahasa tambahan lain yang diperbolehkan oleh friendster. Sementara untuk kondisi ini jika kita langsung melakukan copy paste atau langsung pasang di section-section tersebut tanpa bantuan yang namanya linker sama sekali tidak akan bisa berjalan.

Sebenarnya sudah ada beberapa versi baru atau modifikasi dari beberapa versi lama dengan tampilan yang lebih bagus. Untuk tampilan visitor log atau wvm ini memang sebenarnya bisa dimodifkasi, kalo mau mencoba lebih advance bisa klik disini dan explorasi isi dari forumnya nanti akan menemukan banyak sekali kode-kode keren untuk modifkasi friendster kamu. Kalo yang diberikan disini masih kelas standar aja. Ya klo ada yang pake ya syukur and thankz. Selamat mencoba and good luck.

Credit : friendstertalk.com, Marfillaster, ra.x10hosting.com

Selengkapnya....

Making Linker for Friendster (update Maret 2009)

Ini adalah point utama agar semua kode-kode tambahan untuk modifikasi bisa bekerja dengan baik. Hanya saja masalahnya adalah jangka waktu penggunaan sebuah linker ini kadang atau mungkin hanya sebelum friendster melakukan maintenance berikutnya. Namun kadang-kadang maintenance juga tidak mempengaruhi kerja linkernya jadi masih bisa jalan. Tapi kalo tetep ga jalan, ditunggu aja nanti mungkin akan ada update linker-linker baru untuk membuat kodenya tetep bekerja.

Friendster Team sudah melakukan patching baru lagi menambal bug-bug yang ada sehingga beberapa linker yang beberapa waktu lalu masih bisa dijalankan sekarang sudah tidak bisa. Setiap script linker yang kita masukkan baik di About Me atau Media Box saat ini sudah otomatis ke filter dan akan langsung terhapus kodenya begitu kita Save. Namun team dari friendstertalk juga telah menemukan cara baru untuk memasang linker pada profil friendster kamu, sehingga modifikasi tetap bisa bekerja. Berikut langkahnya :

1. Log In kedalam Friendster.
2. Masuk ke Add App wuxiaspear klik disini.


3. Klik button Add App seperti yang ada pada gambar diatas.
4. Masuk ke halaman file ripway kamu. Lihat pada bagian URL di account kamu seperti yang di highlight pada gambar.


5. Kemudian copy kode dibawah ini dan ganti bagian URL_TXT dengan URL tracker kamu.

<script src="URL_TXT" type="text/javascript"></script>
Copy kode tersebut kedalam kotak box yang disediakan seperti pada gambar dibawah.


sample URL seperti yang ada di langkah No. 4. Untuk extensionnya sebenarnya boleh diganti dengan .swf atau .js atau tetap .txt juga ga masalah.

6. Klik button update my profile dan linker sudah siap digunakan.

Jadi nanti kalo sudah memasang seluruh kode-kodenya dalam .txt nya jadi satu URL maka lakukan langkah ini untuk memakai linker dalam profil friendster. Selamat mencoba.

Credit : friendstertalk.com

Selengkapnya....

Struktur Placement Code pada Tracker

Maksudnya disini adalah untuk membantu menyatukan kode-kode modifikasi friendster kedalam satu text file atau satu URL dengan menggunakan file tracker.txt yang telah didapatkan ketika memasang aplikasi Visitor Log pada profil. Jadi ini untuk menentukan struktur penempatan atau peletakan kode-kode kebagian-bagian yang benar.

1. Log In kedalam account ripway dan masuk ke menu My Files.

2. Buka file tracker.txt dengan klik tombol (Open). Nha itu adalah script dari tracker atau visitor log yang sudah kamu pasang. Dengan bantuan dari tracker.txt tersebut kita dapat menggabungkan semua kode-kode yang ada menjadi satu didalam tracker.txt tersebut dengan struktur peletakan yang benar.

3. Untuk pembagian struktur penempatan kode bisa didownload klik disini. Struktur yang didownload tersbut hanyalah sample sebagai penunjukan saja. Tidak langsung saya tuliskan disini karena scriptnya terlalu panjang dan memakan tempat. Yang perlu diperhatikan adalah pada tulisan yang berwarna. Jadi pada script tracker tersebut dibagi dalam tiga bagian yang saya bedakan dengan tiga warna berbeda dan dengan nama BAGIAN A, BAGIAN B, BAGIAN C.

Untuk penggunaannya seperti ini, misalkan nanti ingin menambahkan kode picture friend berjalan, pada tutorial diminta untuk mencopy atau menempatkan kodenya pada BAGIAN C maka cukup copy kode yang disediakan ke BAGIAN C dari struktur yang telah diberikan. Atau misalkan ingin menambahkan kode welcome page, pada tutorial diminta untuk mengcopy atau menempatkan pada BAGIAN A maka ya cukup di copy pada BAGIAN A sesuai yang sudah ditunjukkan pada struktur.

Seandainya pada perkembangannya terjadi masalah misalkan kode ga bekerja atau proses koq terlalu lambat, kamu bisa berexperiment sendiri untuk memindahkan posisi kodenya, awalnya di BAGIAN A mau dipindahkan BAGIAN C, jadi dicoba-coba saja. Yang penting tidak merubah file utama trackernya ga apa-apa. Selama ini untuk struktur yang saya gunakan pada kode-kode yang saya pasang, tidak bermasalah.

Credit : friendstertalk.com, bang kanal.

Selengkapnya....

Find Your Friendster Profile ID Number

Untuk beberapa kode atau script yang digunakan untuk memodifikasi profil friendster membutuhkan identifikasi nomer ID profil friendster kamu. ID friendster merupakan tanda atau pengenal profil untuk membedakan satu dengan yang lainnya. Secara default nomer ID berada di bagian belakang setiap URL dari profil friendster kita. Jaid bagi yang URLnya belum diubah-ubah untuk mengetahui nomer IDnya tinggal lihat aja nomer bagian belakang dari URL profilnya. Misalnya :

http://profiles.friendster.com/64461127

Jadi angka yang berwarna kuning merupakan nomer ID dari profilnya. Tetapi buat yang URLnya udah diganti, misalnya :

http://profiles.friendster.com/isepn

Bagaimana cara untuk mengetahuinya :

1. Buka friendster.com lalu Log In.
2. Masuk ke halaman profile atau bisa juga dari halaman home.
3. Untuk Mozilla user > klik kanan - View Page Source atau pada toolbar View - Page Source.
Untuk Internet Explorer user > klik kanan - View Source atau pada toolbar View - Source.
4. Kemudian amati pada bagian seperti ditunjukkan pada gambar.
5. Pada bagian yang dihighlight tepatnya pada state var pageOwnerID = "64461127", nha pada angka yang berwarna kuning itulah merupakan nomer ID yang punya profil friendster.

Ini cuma untuk jikalau ada yang mau pasang kode atau script untuk modifikasi friendster membutuhkan nomer ID asli ya beginilah cara mengetahuinya. Simple ajaa.

Selengkapnya....

How to Make Ripway Account

Ini cuma merupakan salah satu langkah awal untuk mencoba melakukan modifikasi friendster. Kenapa salah satu karena kalo mau coba modifikasi friendster ga harus pake cara ini. Fungsi buat account di Ripway cuma sebagai hosting tempat untuk menyimpan file-file script yang akan dimasukkan ke dalam friendster. Jadi sebenarnya boleh pake web hosting apa aja, saya pake Ripway karena ini merupakan salah satu yang cukup populer buat dipake upload file-file untuk modifikasi friendster.

Untuk kapasitas juga ga besar-besar amat cuma 30 MB tapi ini udah lebih dari cukuplah. Lagian yang penting FREE. Ok stop basa-basinya langsung aja, buatnya mudah banget tinggal register aja kaya biasanya. Jadi kalo yang udah paham ga usah baca sampe selesai langsung buka ripway.com langsung daftar aja beres. Tapi yang tetep masi bingung ini langkahnya :

1. Buka ripway.com.

2. Klik tombol Sign Up yang ada di bagian atas.

3. Isi data pada kotak Create Your Account yang terpenting jangan sampe lupa username ma passwordnya.
4. Pada bagian halaman berikutnya kalo disuruh pilih review lupakan saja. Langsung buka aja ripway.com lagi terus langsung Log In, masukkan username sama password yang sudah dibuat di Member Login.

5. Kemudian akan muncul halaman Your Account Information, jadi setiap Log In nantinya pasti masuk halaman ini terlebih dahulu.

6. Langsung saja klik menu My Files dan disinilah tempat untuk segala aktifitas manage file-file kamu nantinya. Untuk menu-menu lainnya kalo mo di explore ya silahkan saja.

7. Pada bagian ini terdapat tabel dan beberapa pilihan yang akan digunakan.

- Upload files > untuk mengupload file-file dari komputer.

- Create Subfolder > untuk membuat folder atau subfolder baru. Tinggal tulis namanya di Folder Name lalu klik Create Subfolder maka akan muncul folder atau subfolder baru.

- Create Index > untuk membuat file yang memiliki html tag. Jadi kalo punya kode atau mau buat web html bisa melalui create index ini. pilihan ini jarang digunakan.

- Create Text File > untuk membuat berbagai macam text file dan bisa kita berikan extension apa saja sesuai yang kita inginkan, ya sama seperti Notepad.

Jadi untuk masalah pengenalan hostingnya ya hanya seperti ini saja, setiap selesai menggunakan jangan lupa untuk Log Off.

NB :
Buat yang bermasalah atau sering error dalam memakai hosting Ripway bisa dipindahkan aja ke FileAve. Jadi untuk penggunaan kode-kode modifikasi atau linker tinggal disesuaikan aja URLnya. Silakan klik disini untuk memakai FileAve.

Selengkapnya....

Tips Trick Friendster

Tutorial ini buat yang ingin mencoba modifikasi profil friendsternya. Ini cuma salah satu cara untuk memudahkan saja. Jadi ini berguna mungkin buat yang masih awam saja agar lebih mudah mengikuti tutorial Tips Trick Friendster yang ada di blog ini.

Tutorial Dasar :
1. How to Make Ripway Account
2. Find Your Friendster Profile ID Number
3. Struktur Placement Code pada Tracker
4. Making Linker for Friendster (Update Maret 2009)
5. Visitor Log ( Who's Viewed Me ? ) on Your Profile

Jadi link tutorial yang diberikan diatas merupakan dasar untuk memudahkan modifikasi profil kamu. Jika dari 5 tutorial tersebut bisa dipahami dan bisa berjalan dengan baik pada profil kamu maka untuk tutorial lainnya otomatis jadi lebih mudah.

Tutorial Efek-efek tambahan :
1. Modifikasi Who's Viewed Me Version 3.1.1
2. Modifikasi Comment atau Testimonial Box
3. Background Music pada Friendster (Update)
4. Membuat Detail Status Profil Sendiri
5. Mini Viewer on Who I Want to Meet Section
6. Mini Viewer Visitor Photo
7. Shaking Your Browser Window
8. Moving Titlebar Text
9. Moving Shoutbox Text
10. Moving Featured Friends Picture
11. Moving Groups Picture
12. Moving Fans Picture
13. Status Yahoo! Messenger
14. Merubah Default Browser Icon Friendster
15. Optional AddBox for Friendster

Selengkapnya....