Cara Mudah Membuat Layout Friendster

April 25, 2010 at 4:01 am (Uncategorized)

Bagaimana caranya?

Caranya begini..
1. Cari profil friendster yang mempunyai tampilan yang paling menarik dan indah menurut kita.
2. Klik menu view > source (untuk pengguna Internet Explorer) atau tekan tombol ctrl+U (untuk pengguna Firefox). Maka akan muncul window baru yang menampilkan page source dari halaman tersebut.
3. Pada halaman tsb, cari kode <style type=“text/css”>. Kalo pusing mencari manual, tekan ctrl+F lalu paste kode itu pada kolom pencarian.
4. Setelah ketemu, copy kode yang berada diantara <style type=“text/css”> dan </style><!–Safe mode value: Safe mode OFF–>.
5. Buka aplikasi notepad atau wordpad, lalu paste kode itu ke notepad. Simpan file tsb. File yang baru kita simpan itu adalah kode CSS untuk mengatur tampilan profil seperti profil yang anda contoh tsb.

contoh kode css Cara Mudah Membuat Layout Friendster

Perlu diingat, yang dicopy hanya kode yang berada diantara <style type=“text/css”> dan </style><!–Safe mode value: Safe mode OFF–> (tanda biru pada gambar diatas)

Untuk memasangnya di profil friendster kita caranya sebagai berikut:
1. Klik menu profil > Edit profil lalu pilih tab atur.
2. Copy kode CSS dari file yang kita simpan tadi lalu Paste kode CSS tersebut ke dalam kotak “atur CSS” yang berada di bagian bawah halaman ini.
3. Klik tombol “Simpan.”
4. Selanjutnya, lihat tampilan keren profil anda sekarang.

Jika kita masih belum puas dengan tampilan itu, kita bisa sedikit mengubahnya.

sumber. http://babeh.net

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: