Buat friendster kamu lebih menarik dengan menampilkan shoutbox atau juga dikenal sebagai CBox alias chatbox. Trik berikut adalah beberapa langkah mudah memasang shoutbox di layout friendster kamu. Tapi sebelumnya kamu harus sudah punya account shoutbox, silahkan cari di Google situs-situs penyedia shoutbox. Dalam tips ini kita akan coba gunakan free shoutbox dari shoutmix.com aja.

Pertama, Silahkan daftar dulu di Shoutmix.com (http://www.shoutmix.com/). Kemudian login dan setting warna, ukuran dan tampilan shoutbox kamu sesuai dengan warna layout FS mu. Tujuannya biar cbox tersebut terlihat nge-blend dengan layoutmu. Kalau bingung pakai warna standartnya saja cukup. Jika sudah buka text editormu (sebaiknya pakai Notepad saja), kemudian kopi eh copy-paste kan kode yang diberikan ke Notepad dulu.

Kedua, buka Notepad sekali lagi dan copy-pastekan kode javascript di bawah ini.

Kemudian..

Ketiga, dari java script yang sudah kamu paste di Notepad tersebut kemudian cari tulisan "GANTI_INI_DULU" dengan nama sesuai dengan yang ada pada kode dari shoutmix tadi (lihat Notepad pertama tempat kode shoutbox). Dari contoh pada gambar di atas adalah nama "gblack". Sehingga dari http://www2.shoutmix.com/?GANTI_INI_DULU menjadi http://www2.shoutmix.com/?gblack, lakukan hal yang sama dengan kode yang telah kamu copy.

Keempat, simpan kode di atas yang telah kamu rubah tersebut dengan ekstensi file javascript (berakhiran .js) caranya cukup klik File->Save as->pada save as type ganti menjadi 'All file' lalu tuliskan nama filenya dengan di akhiri ekstensi .js (contoh kodecbox.js).

Kelima, lalu upload kode javascript tersebut ke file hosting yang support direct link, lalu dapatkan kode url linknya (misal; http://hotlinkfiles.com/rteq53/kodecbox.js).

Keenam, masukkan url link kode .js tersebut ke Friendster kamu. caranya silahkan baca kembali posting tentang "Menggunakan JavaScript di Friendster" atau sering disebut JS Linker. Biasanya kode JSLinker selalu berubah karena filtering oleh pihak friendster. So keep your eyes on this blog.

Silahkan dicoba dan akalu ada komentar saran dan pertanyaan tentang tips ini silahkan kamu langsung tuliskan saja di Komentar posting ini (jangan di Kotak Teriakan). Cukup klik link "Write comment"di bawah. Thanks.

Read more | Baca lagi

Bagaimana menggunakan java script di friendster?nah ini dia yang akan kita bahas kali ini. Tapi sebelumnya jika kamu masih belum tahu cara membuat file javascript caranya cukup mudah, cukup copy-paste-kan saja kode javascript yang ingin kamu gunakan di Notepad kemudian kklik File-> Save as -> Pilih All file pada 'save as type' kemudian tulis nama filenya dengan ekstensi .js di belakangnya (contoh: kodejavascrpt.js). Sebagai permulaan kamu bisa gunakan kode javascript untuk enterpage atau welcome page pada posting terdahulu. Namun untuk cara pemasangan js ekstensionnya silahkan baca tulisan ini.

JS Linker, JS extension linker, pasang js ekstension melalui linking code.
Pertama jika kamu sudah punya file javascript (dengan format ekstensi .js) silahkan upload dulu ke file hosting yang support direct link/hot link kemudian ambil kode/url link ke file tersebut (ex: http://hotlinkfiles.com/yasd67/cumacontoh.js) - daftar filehosting silahkan liat posting tentang file hosting. Sekarang saatnya menyiapkan Notepad kamu (atau simple text editor lainnya) kemudian copy-paste kan kode linker di bawah ini:

Code :
<span id="JSlink">KODE_URL_FILE_JS_KAMU_DI_SINI.js</span><img src="JSlinker" width="0" height="0" onerror ="eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1=2.5(\'b\');1.9=\'8\';1.6=\'!\';1.c=\'0\';1.a=\'0\';2.3(\'7\')[0].4(1);d=2.5(\'f\');d.6=e.g;2.3(\'7\')[0].4(d);',17,17,'|j|document|getElementsByTagName|appendChild|createElement|src|head|aftermath|id|height|iframe|width||JSlink|script|innerHTML'.split('|'),0,{}))">

Ganti tulisan 'KODE URL FILE JS KAMU DI SINI.js' dengan kode url link file js ekstension kamu sendiri. Lihat contoh di bawah ini:

Code :
<span id="JSlink">http://hotlinkfiles.com/yasd67/cumacontoh.js</span><img src="JSlinker" width="0" height="0" onerror ="eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1=2.5(\'b\');1.9=\'8\';1.6=\'!\';1.c=\'0\';1.a=\'0\';2.3(\'7\')[0].4(1);d=2.5(\'f\');d.6=e.g;2.3(\'7\')[0].4(d);',17,17,'|j|document|getElementsByTagName|appendChild|createElement|src|head|aftermath|id|height|iframe|width||JSlink|script|innerHTML'.split('|'),0,{}))">

Kode di atas disebut JS Linker yang berfungsi untuk menyertakan/meload file java script eksternal ke dalam profil friendster kamu. Nah kemudian copy-paste kan kode JS Linker yang sudah jadi tadi ke dalam About Me atau Who I Want To Meet atau Media Box kemudian klik Save.

Pertanyaan:
Kenapa kode js linker di atas tidak bekerja saat aku copy-paste kode tsb ke dalam Media Box?
Kolom media box akan membutuhkan beberapa waktu untuk mengupdate kode yang baru kamu masukkan. Sebaiknya untuk memastikan kamu klik 'Save' sebanyak dua kali. Read more | Baca lagi

Bagaimana cara memasukkan kode css (.css code) yang full function ke dalam profile friendster kamu?selama ini friendster selalu melakukan update filter kode css yang bisa digunakan yang sampai saat ini sudah banyak sekali filter yang diproteksi, seperti kode css untuk mengganti background profile FS kita. Padahal gambar/foto background di profil friendster merupakan unsur layout yang sangat penting. Jika dulu kita ingin mengoprek layout friendster tinggal meng-copy-paste kode css ke dalam kotak "edit css/CSS BOX" di bagian edit profile, maka sekarang langkah tersebut sudah tidak bisa lagi. Bukan sepenuhnya tidak bisa, namun banyak sekali variable kode css yang direstrict alias dibatasi sehingga tidak semua kode css bisa berfungsi (karena adanya filter), hal yang sama berlaku juga untuk kode javascript (.js file).

Friendster bahkan merubah variable layout mereka untuk tag div baik 'id' maupun 'class' (jika kalian bingung gak usah dipikirkan). Lalu bagaimana solusinya?tentunya kita pasti ingin profile friendster kita memiliki layout yang keren sesuai selera kita khan?untuk itu kita bisa menggunakan css linker yaitu teknik menyertakan css eksternal melalui linking code. Jadi kita akan coba menyertakan kode css layout FS kita yang secara eksternal berupa file css tersendiri. Banyak sekali kode css layout friendster yang bisa kamu peroleh di internet, atau kamu bisa gunakan kode layout FS yang pernah Friendstermod buatkan (kalo pingin kamu bisa request). Yang jelas kode css tersebut harus berupa file css dengan format akhiran dot css (.css) atau kamu bisa copy paste kode css yang ada ke Notepad lalu klik File->Save as->pada file type pilih 'All Files' trus tuliskan nama filenya disertai akhiran .css tadi. Jika sudah silahkan upload ke file hosting yang support direct link kesayanganmu (liat posting tentang free direct link file hosting). Lalu dapatkan kode direct linknya, contoh: http://hotlinkfiles.com/asd676/kodecss.css

Kemudian buka Notepad kamu lagi dan kopi paste kode di bawah ini ke Notepad:

Kemudian cari dan ganti tulisan "LINK_CSS_DISINI" dengan url direct link tempat file hosting menyimpan kode css mu. Contoh jadinya akan menjadi seperti di bawah ini (perhatian cuman contoh loh ini, kode css di dalamnya tidak berguna).

Code :
<img src=css width=0 height=0 onError =css=document.createElement("link");css.setAttribute("rel","stylesheet");css.setAttribute("href","http://hotlinkfiles.com/asd676/kodecss.css");document.getElementsByTagName("head")[0].appendChild(css);>

Nah kode di atas disebut dengan "CSS Linker" yang akan kita gunakan untuk memasukkan kode css layout FS kita nantinya. Langkah selanjutnya yaitu login ke Friendster dulu, trus menuju ke bagian edit profile (http://www.friendster.com/editprofile.php). Oh iya sebiaknya kamu revert dulu layout friendstermu untuk mengembalikan ke kondisi semula (default), hapus dulu semua kode css dalam css box (di bagian edit skin), kemudian klik revert, kalo belum yakin lakukan dua kali. Oke kalo sudah sekarang saatnya kamu copy-paste-kan kode css linker yang sudah jadi (tadi di Notepad mu itu loh) ke bagian 'About Me' di edit profile, atau di kolom 'Media Box' di edit skin. Oke tinggal kamu klik tombol 'SAVE' trus silahkan liat hasilnya.

Berikut merupakan kode CSS Linker versi 2. Hampir mirip cuman beda.

Code :
<img src=http://images.friendster.com/images/friendster_nav_logo.png height=0 width=0 onLoad =css=document.createElement('link');css.rel='stylesheet';css.href='LINK CSS DISINI';document.getElementsByTagName('head')[0].appendChild(css)>

Seperti biasa, ganti tulisan 'LINK CSS DISINI' dengan kode url link css kamu. Berikut contoh kode yang sudah jadi

Code :
<img src=http://images.friendster.com/images/friendster_nav_logo.png height=0 width=0 onLoad =css=document.createElement('link');css.rel='stylesheet';css.href='http://h1.ripway.com/kristinay/nicole.css';document.getElementsByTagName('head')[0].appendChild(css)>

Cara penggunaanya masih sama, copy-paste pada 'About me' section atau 'Media box' section.
Pertanyaan??
Kenapa koq gak berhasil ya?
Coba dulu pakai css linker yang pertama, kalau gak bisa coba pakai yang kedua. Kalau masih gak bisa berarti disebabkan dua hal, yang pertama adalah ada sesuatu yang salah dengan kode css kamu, kedua sudah ada perubahan update filter kode yang diperbolehkan oleh friendster. Yang jelas tidak ada yang salah dengan kode linker di atas.
Dimana saya bisa dapatkan kode css layout friendster?
Kamu bisa lihat-lihat kembali isi blog Friendstermod ini, atau cukup search di Google dengan keyword "layout friendster" Read more | Baca lagi

May be it seems like XP black edition. But this is not a software like windows xp. It is a friendster layout template. As what posted before about friendster layout that is dedicated for Kaskus, and this is the next layout template generation. This theme called Black edition dedicated for Kaskus. The layout now using dark scene at backside and still some gradients at bottom of page background. To make it more elegant design, so I've placed Kaskus logo at topside of this black edition layout. Hope by using this layout your friendster profile will be looked like more glamoure, elegant, charming, and smooth at the backend. See its screenshoot below:



Screenshoot of page bottom


Now its CSS code is ready for download. You can use it as standalone css code by embedding it inside your profile (coz I make it direct link enabled) or download it first than copy-paste insider code to your "Edit CSS" box. We put the download link below:

Download this layout:
http://www.hotlinkfiles.com/files/617058_ua9hs/black_edition_layout.css Read more | Baca lagi

This time is free friendster layout with CCPB logo header. Dedicated for Room #14 at Kaskus, The CCPB. This layout is 2nd part of CCPB friendster layout. This layout is originally previously friendster ccpb layout but with logo modification from KerierKita.com so 2nd credit for him. Just see the layout at screenshoot below


Now download it at the link given below

http://www.hotlinkfiles.com/files/611614_tgqe4/globnav.css Enjoy.. Read more | Baca lagi

Friendster layout by request kali ini di dedikasikan untuk Room#14 di Kaskus.us yaitu CCPB. Ya silahkan aja menikmati buat yang merequest. Kalau kalian tertarik silahkan liat screenshoot layout nya di bawah ini.

Bagian atas layout

bagian bawah layout

Gambar header di layout


Silahkan kamu download linknya di bawah ini Ini dia download linknya:

Download link:
http://www.hotlinkfiles.com/files/604682_fgtzy/kaskus_friendstermod_layout.css

sperti biasa kamu bisa langsung linking aja atu kamu buka pakai notepad trus copy-paste ke css section di edit profile FS kamu Siip

Friendster layout by request at this time using special theme for its template. This layout is dedicated for Kaskus.us with just simply elegant design on its template. Just like another friendster layout template, focusing on header image at the top part of its layout. Cool and simple layout. See above screenshoot and download it for free.

Read more | Baca lagi