Tips Edit Layout FS

subhanluffy

New member
Tips edit layout friendster



Disini gw mo bikin tutorial buat temen-temen yang hoby ma friendtser…..
banyak yang bingung ” kenapa ya layout orang lain keren??? gimana bikin nya…???

banyak cara yang di gunakan para friends maker’s diantara nya :


1. menggunakan layanan website : http://friendster-layouts.com

2. Sering gabung di Forum Friendster : http://friendstertalk.com

3. dan lain-lain, bisa di search di google….klo gw posting satu2 cape ngetiknya…hiks…T_T

Dari situs diatas mungkin sedikit membantu temen-temen buat ngerjain tuh layout…kadang malah bikin bingung aja…..hahahahahahah…LolZzz…
nah….klo masih bingung gw akan coba buat cara yang lebih efektif dan minimalis….berikut step dalam edit your layout….


1. Sediain cemilan kecil sekaligus minuman dingin biar suasana hati lo adem….supaya
ntar klo pas edit keluar semua ide kreatif….hahahah


2. Masuk ke dalam friendster lo sendiri…..jangan masuk ke dalam Fs orang yak…^_^


3. Buat hosting untuk menyimpan file layout yang akan di buat misalnya
http://ripway.com


temen-temen mesti daftar / sign Up dolo kedalam layanan situs ripway tersebut


4. Kalo udah daftar sekarang tinggal cari theme layout nya di Friendster-layout.com


5. Layout dah dapet misalnya trus copy file css ke dalam file hosting yang dibuat…


Login ke dalam s itus hosting yang kita buat tadi…..klo udah masuk buat file *.css di
dalamnya.


Klik Myfiles > creat txt file > paste dalam nya….abis tuh sebelum di save simpan nama
file seperti: layout.css ( nama terserah sesuka lo )


6. kalo udah di save, pilih edit text…..nah didalam itulah temen-temen buat freestlyle
yang penting temen-temen ngerti alur dari script layout *.css…..mo ganti background,
warna font, efek blur, dan lain-lain….tinggal otak-atik dalam file css yang disave tadi…



Trik triknya bisa di lihat dalam situs friendstertalk.com ataw
http://friendstertalk.com/f4-Friendster-Tricks-Tutorials.html
7. Setelah itu tinggal masukin script nya ke dalam Friendster, kalo gw sendiri masukin
scriptnya di about me…berikut contoh script yang akan di masukin :
Code:
<%BClink href=”URL_OF_CSS” rel=”stylesheet” type=”text/css”%BC>
Yang berwarna merah tinggal ganti link nya seperti :
<%BClink href=http://h1.ripway.com/spybot/new/layoutnew.css
rel=”stylesheet”type=”text/css”%BC>

kalo udah diganti, tinggal masukin ataw paste ke dalam about me di friendster.



8. Selesai dech akhirnya….sekarang tinggal liat profile…heheheheheheh.
note : ” kalo mo ganti layoutnya tinggal edit file css di dalam hosting ripway.com “
” Script yang dimasukin ke about me, sewaktu-waktu bisa berubah coz friendster
update sekali dalam seminggu……so liat aja script yang terbaru buat di masukin
ke about me di friendstertalk.com “





cara edit profile friendster dengan CSS


Buat om dan tante yang dulu sempet request, sory artikel tentang ini baru aku tulis karena akunya yang lagi sok sibuk dan lagi sok banyak kerjaan kuliah dll.
oya, recommended ngerti CSS dulu, tapi yang ngga ngerti bisa nanya2 di kolom komen.
Dari artikel tentang friendster yang aku bahas kemaren banyak pertanyaan yang sebenarnya di luar konteks yang dibahas. Yang aku bahas kemaren itu pake overlay tapi banyak pertanyaan seputar CSS. Jadi sekarang aku bahas cara edit profile friendster menggunakan CSS.
Tapi cara makenya bukan cuman tinggal pasang di CSS box di halaman customizenya friendster. Disini istilahnya make CSS linker (bener ngga ya??kurang tau juga Insyaallah bener lah, kekekeke….)
Caranya kaya gini :


1. Bikin dulu file cssnya, bisa pake notepad ato text editor yang lain (nanti saya berikan contoh filenya komplit n silahkan di edit2)


2. abis file css dibikin, hosting filenya ke file hosting yang ada (recommended : http://h1.ripway.com) dengan ekstensi .css (misal : style.css)


3. Nah abis itu buka halaman customize profile di friendster trus masukin kode kaya gini di media box :


Code:
&<link>lt;link href=”URL_FILE_CSSNYA” rel=”stylesheet” type=”text/css”&<link>lt;/link&<link>gt;


4. Ganti tulisan URL_FILE_CSSNYA ama URL file CSS yang udah kamu hosting pada langkah ke 2


5. Save profile barumu. Beres dah
Berhubung isi filenya puanjang buanggeddd….. jadi aku kasih direct linknya aja ya. Silahkan di download, dibaca2 n di edit2 trus dipasang di FS.


kompilasi kode css

trus kode buat ngumpetin form ato bisa juga ngumpetin whole profile (keseluruhan profile) , ada di….

[url-"http://h1.ripway.com/kutukupret/hidingcode.css"]kompilasi hiding code[/url]


Sumber kode CSS :


Code:
http://friendstertalk.com/t7694-Complete-Compilation-Codes%21.html


Friendster,sebuah kata yang sangat familiar di telinga kita di akhir-akhir ini. Friendster pada awalnya merupakan sebuah situs pertemanan. Namun saat ini Friendster tidak lagi hanya sekedar itu,kini menu-nya telh ditambah dengan fasilitas blog dan mailing list/milis.

Saat ini kita bisa mempercantik halaman profil Friendster kita dengan berbagai item. Misalnya menambahnya dengan slideshow,musik mp3,video klip,jam,dan sebagainya.Selain itu kita bisa menghiasinya lagi dengan background yang keren.

Karena banyaknya teman-teman saya yang ingin mempercantik profile page-nya,tetapi tidak mengetahui caranya,berikut ini akan saya jelaskan cara mengedit Friendster,agar tampilan Friendster kita dapat menjadi cantik dan enak dipandang.

Pertama-tama kita mencari terlebih dahulu gambar yang akan kita jadikan background di Friendster.Kita dapat memasukkan gambar yang kita inginkan,tapi ingat gambar yang kita masukkan sebaiknya ukurannya 1024 x 768 piksel.Ukuran ini diperlukan agar gambar yang dijadikan sebagai background tidak terlalu kecil dan tidak terlalu besar sehingga dapat ditampilkan semua image yang kita masukkan.

Setelah imagenya sudah ada dan pas ukurannya,kita upload image itu untuk mendapatkan image URL-nya. Website yang dapat kita gunakan untuk memperoleh image URL yakni, (http://imageshacks.us). Setelah memasuki website tersebut upload image yang kita inginkan.Setelah di upload,copy kode URL-nya.Silahkan copy yang tulisannya "direct link to image". Contoh kodenya yaitu yang berupa seperti ini,
Code:
"http://img293.imageshack.us/img(angka)/(angka)/images??.jpg".
Setelah URL kode kita dapatkan,silahkan buka http://www.cubancouncil.com/friendster.Disana,copy kode URL ke page background.Ubah semua yang bertuliskan background menjadi transparant.Jangan pernah memberikan warna pada background.Karena jika begitu,image tidak akan muncul di page profil kita.Selain tulisan "background" silahkan diberi warna sesuai pilihan yang kita inginkan.

Setelah set warna selesai,silahkan klik generate Friendster code dan nanti akan muncul kode-kode yang sangat banyak.Silahkan copy code tersebut ke halaman costumize pada friendster kita. Cara memasuki halaman costumize yaitu klik edit profile lalu klik costumize.Setelah masuk di halaman tersebut,silahkan paste kode yang tadi anda dapatkan ke kolom costumize css. Setelah itu silahkan save,dan nanti setelah di save silahkan buka profile page anda dan profile friendster anda telah selesai di update.



MERUBAH TAMPILAN FRIENDSTER PROFILE KELAS ELITE



Ada lagi satu cara canggih untuk merubah tampilan Friendster profile menjadi luar biasa, lain dari pada yang lain. Caranya dengan menggunakan Overlay Generator, yaitu sebuah fasilitas software yang dapat merubah kode HTML menjadi kode yang dapat dijalankan oleh Friendster. Hasilnya dapat dilihat di [url"http://top.friendster-tweakers.com/"]Top Friendster Tweakers[/url]. Secara singkat caranya akan diterangkan sebagai berikut...

Lakukan langkah-langkah berikut secara berurutan.

1. Buatlah kode HTML untuk page Friendster Profile anda. Gunakan Dreamweaver atau HTML editor yang lain. Sebagai contoh kode HTML yang sudah jadi, lihatlah kode HTML berikut, klik DISINI.


2. Edit kode HTML tersebut, terutama pada bagian YOURUSERID. Gantilah dengan UserID Friendster anda yang berupa angka (jangan gunakan URL Friendster yang sudah di customize), browse Friendster sehingga nomor UserID ditemukan.
Contoh: http://www.friendster.com/user.php?uid=9011492


3. Edit URL untuk foto, gambar dan info anda, yang akan ditampilkan dengan milik anda sendiri.


4. Setelah selesai di edit, masuklah ke situs Overlay Generator - Markyctrigger.com.

Copy-paste kode HTML kedalam kotak yang diatas, kemudian klik Generate
 
Back
Top