Menggunakan Friendster Generator

Friendster generator adalah sebuah layanan yang ditujukan kepada friendsterholic untuk memperccantik tampilan friendsternya. Artikel ini saya berikan karena ada salah satu teman saya meminta tutorial tentang kode CSS. Sebenarnya, sedikit kode CSS yang saya ketahui, seperti untuk mengganti model garis, memodifikasi kotak testimonial, memodifikasi kotak kontrol panel, dan sedikit yang lain. Namun, saya merasa jika saya memberikan sobat tutorial tersebut satu per satu pasti lebih membingungkan bagi sobat. Oleh karena itu, saya akan membantu untuk memodifikasnya dari salah satu situs generator, yaitu http://generator.idfriendsterlayout.com/.

Langkah-langkahnya adalah sebagai berikut :

1. Masuk ke situs tersebut, tampilan halaman utamanya seperti di bawah ini :
2. Kemudian pilih menu create new layout untuk membuat desain layout. Desain layout ini tampil dengan ukuran dan bentuk asli dari profil FS. Dan akan muncul tampilan sebagai berikut :
3. Langkah selanjutnya silahkan pilih menu page background untuk mengganti background profil sobat. Sobat juga dapat memasukkan gambar sebagai background dengan memasukkan URL gambar yang akan dijadikan background. Jika sobat memilih warna, maka sobat tinggal memilih warna yang cocok saja. Namun jika memilih gambar, sobat bisa mengaturnya dengan menandai bulatan-2, apakah itu diulang (tiled?) atau perpindahannya (movement). Tandai fixed jika background diharapkan diam. Sobat bisa pilih preview untuk melihat hasilnya.
4. Menu berikutnya adalah Global font. Menu ini digunakan untuk merubah tampilan huruf pada profil sobat. Sobat bisa mengganti jenis huruf, model huruf (kapital, besar semua, kecil semua), dan warna huruf.
5. Menu yang ketiga adalah Links. Sobat bisa mengatur warna huruf dan model huruf link. Selain itu, juga dapat diatur bagaimana tampilan link jika terdapat kursor di atasnya dengan mengaturnya pada sublink Link on hover.
6. Untuk mengganti model kotak-2 yang ada di FS kita, silahkan pilih menu Boxes. Dalam menu tersebut sobat juga dapat mengganti model garis-2 pada kotak, apakah itu putus-2, titik-2, double, berbentuk seperti pigora, dll.
7. Menu selanjutnya adalah modules. Di sini sobat bisa mengganti tampilan dari, kolom komentar, teman, more about me, dll. Coba saja sendiri sub menu-2 yang ada.
8. Selanjutnya silahkan pilih menu control panel. Menu ini sangat penting karena setiap pertama kali membuka profil, pasti daerah ini yang akan muncul terlebih dahulu. Ngopi dulu ahhhh......
9. Pada menu photo sobat dapat merubah tampilan bingkai primary dsb. Sorry, menu ini tidak saya terangkan karena sudah capek. Otak-atik sendiri saja gampang koq...
10. Langkah terakhir adalah pilih menu Get Friendster Code. Disana anda harus mendaftar terlebih dahulu dengan memilih create account agar mendapat kode CSS.
11. Setelah mendaftar, Klik kembali menu Get Friendster Code. Kemudian pilih download friendster code.
12. Copy kode CSS yang ada, kemudian paste di halaman customize FS anda. Tentunya setelah sobat Login terlebih dahulu.

Panjang banget tutorial ini.....sampai lapar saya menulisnya. Kalau ada waktu, saya akan mempostingkan artikel yang lain lagi. Silahkan berkreasi sendiri....