30 Mar



Salah satu trik agar menjadi populer di friendster adalah membuat layout tampilan profile yang menarik. Untuk membuat tampilan profil yang menarik, kita perlu menghias tampilan profil tersebut dengan CSS kreasi kita sendiri.

contoh tampilan profil friendster Cara Mudah Membuat Layout FriendsterAda banyak cara untuk membuat CSS yang akan digunakan untuk menghias profil frienster, diantaranya adalah dengan menulis sendiri kode CSSnya atau menggunakan friendster layout generator yang banyak tersedia di internet. Menulis sendiri kode CSS tentunya relatif sulit karena mau tidak mau kita harus menguasai bahasa HTML.

Cara yang lebih mudah adalah menggunakan layout generator. Meskipun relatif lebih mudah karena tidak diperlukan pengetahuan mendalam tentang bahasa HTML, kadang kita merasa kesulitan karena untuk membuat tampilan yang indah, dibutuhkan jiwa seni dan tingkat imajinasi yang tinggi.

Nah, pada artikel kali ini babeh akan berbagi trik praktis untuk membuat layout friendster dengan mudah.

Kita lanjut yaa…

Triknya sebenernya sederhana. Yaitu dengan mencontoh tampilan profil yang menarik dan indah menurut anda lalu kita terapkan pada profil kita. Jika kita masih belum puas dengan tampilan itu dan ingin membuat tampilan yang lebih mencerminkan diri kita, kita bisa mengubah sedikit kode CSS-nya. Gampang kok..

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. Lihat caranya di artikel babeh selanjutnya.

Kalau masih bingung atau ada pertanyaan, silakan tuliskan di kotak komentar.


Search Terms:

cara membuat friendster dengan mudah, cara membuat layout friendster, cara menggunakan friendster, membuat layout, buat imeil, cara menghias tampilan facebook, membuat layout dengan css, layout friendster, cara menggunakan layout di friendster, cara membuat imeil, cara membuat tampilan friendster, cara menggunakan friendster baru, css layout generator, cara membuat layout, cara membuat layout facebook, cara membuat tema di friendster baru, menghias tampilan facebook, cara membuat layout facebook sendiri, membuat layout friendster, cara copy paste kode cascading style sheets

3 Responses

  1. Lupa Password Friendster? Jangan Takut! | Babeh dot Net

    April 16th, 2009 at 9:25 pm

    1

    [...] dengan password friendster kita, padahal kita sudah mempunyai banyak teman dan sudah susah payah menghias profil friendster hingga tampil indah dan mempesona. Sayang sekali khan kalo kita tidak bisa lagi mengakses profil [...]

  2. Fariz

    July 5th, 2009 at 1:20 am

    2

    Lho mas saya dah pnah cb..tp koq g’ ada pngaruhnya sma skali,mlahan g ada hiasanya sma skali.?

  3. nusamandiriportal

    May 4th, 2010 at 2:31 pm

    3

    nice artikel bos thanks ya

Design by Tutorial Tips Trik

Supported by International Artists, Desifa, Nettoads

© 2010 Babeh dot Net. Powered by Wordpress