Mau belajar ngedesain web, ternyata bisa lho lewat Friendster. Iya, situs pertemanan yang biasanya kita pakai untuk nambah kenalan atau ajang pamer foto ini bisa kita manfaatin untuk diutak atik halaman profilenya.
Caranya nggak sampai pakai program yang sulit atau bahasa pemrogaman yang repot kok. Cukup klik sana klik sini, kopi sana, kopi sini, jadi deh! Mulai dari tampilan halaman berikut warnanya, gambar background, warna kotak, sampai ke bentuk kursor. Selain itu, kita juga bisa menghadirkan gambar-gambar lucu dan bisa bergerak pada ‘Now Playing’, ‘About Me’, hingga di ‘Who I Want to Meet.
Untuk mengubah semua itu, yang pertama kali kita perlukan adalah mengklik ‘edit profile’ yang ada di bagian dalam kotak di area profil. Kalau kita ingin mengutak atik bagian dengan menambahkan gambar atau tulisan berkreasi lainnya, klik di ‘About Me: (Describe Yourself)’ atau ‘Describe Who You Want to Meet:’.
Sedangkan kalau kita ingin mengubah tampilan background berikut warna warni kotak, bentuk dan model huruf serta warnanya, klik dulu bagian ‘Customize’ dari halaman ‘My Profile’ ini.
Nantinya dalam halaman ‘Customize My Profile’, Youngsters akan menemukan dua kotak bertuliskan ‘Add music and video and more images to your profile (with
Dalam ‘Add music and video and more images to your profile (with
Menampilkan Kartun sampai Film Pendek
Mungkin buat para Friendster mania, sudah pernah melihat tampilan halaman Friendster milik orang lain yang memunculkan gambar atau tulisan berkelap kelip, bergoyang, dan berubah-ubah. Asyik ya jadinya tampilan Friendster kita kalau bisa seperti itu.
Sebetulnya kita bisa juga lho bikin yang seperti itu. Banyak sih website-website yang bisa memberikan kita gratis gambar-gambar lucu dan unik hingga mengubah tampilan Friendster kita menjadi menggemaskan. Satu di antaranya adalah http://www.glitter-graphics.com.
Kalau sudah membuka website tersebut, tinggal pilih saja beberapa navigation yang kita inginkan. Mulai dari Animated GIFs, Avatars, Backgrounds, Blinkies, Clipart, Contact Tables, Dividers, Dolls, Extended Network, Glitter Graphics, Glitter Text, Online Now Icons, Seasonal, Myspace layouts, Code generator!, TEXT generator!, sampai Myspace wallpapers.
Dengan berabgai navigation tersebut, Youngsters bisa mengisi tampilan ‘About Me: (Describe Yourself)’ atau ‘Describe Who You Want to Meet:’ dengan berbagai bentuk teks atau gambar dan animasi bergoyang.
Sedangkan jika kita ingin menampilkan aneka kartun bergerak atau film pendek dengan durasi beberapa detik, website ini juga bisa memenuhi kebutuhan Youngsters untuk membuat tampilan Friendster Youngsters jadi lebih menarik. (ika)
Langkah-langkah mengkreasikan tampilan Youngsters dalam ‘Now Playing’ dengan menggunakan http://www.glitter-graphics.com:
-Pilih navigation ‘Animated GIFs’ atau ‘Glitter Graphics’
-Pilih gambar yang kamu suka kemudian klik gambar tersebut
-Nanti Youngsters akan menemukan sebuah kotak ‘Copy this code to your profile or website:’
-Klik tulisan di dalam kotak tersebut kemudian kopi atau tekan ‘Ctrl+c’
-Selanjutnya buka halaman Profile Friendster kita, klik ‘edite profile’
-Klik ‘Customize’
-Paste atau ‘Ctrl+v’ kan kopian kita tadi ke dalam kotak ‘Add music and video and more images to your profile (with
- Setelah itu klik ‘Save’ dan kemudian klik ‘View Profile’
Langkah-langkah mengkreasikan tampilan Youngsters dalam ‘About Me: (Describe Yourself)’ dan ‘Describe Who You Want to Meet:’ dengan menggunakan http://www.glitter-graphics.com:
-Pilih navigation ‘Online Now Icons’, ‘Glitter Text’, ‘Dolls’, atau ‘Blinkies’
-Pilih gambar yang kamu suka kemudian klik gambar tersebut
-Nanti Youngsters akan menemukan sebuah kotak ‘Copy this code to your profile or website:’
-Klik tulisan di dalam kotak tersebut kemudian kopi atau tekan ‘Ctrl+c’
-Selanjutnya buka halaman Profile Friendster kita, klik ‘edite profile’
-Paste atau ‘Ctrl+v’ kan kopian kita tadi ke dalam kotak ‘About Me: (Describe Yourself)’ atau ‘Describe Who You Want to Meet:’
-Setelah itu klik ‘Save’ dan kemudian klik ‘View Profile’
Friendster Lebih Seru dengan CSS Tips
Cara-cara tadi sebetulnya sudah cukup membuat tampilan Friendster Youngsters menjadi lebih seru. Tetapi jika ingin lebih oke lagi, Youngsters bisa menggabungkan beberapa cara tadi dengan menggunakan CSS Tips.
Caranya menggunakan CSS Tips ini agak sedikit mirip tapi bisa dibilang susah-susah gampang juga. Youngsters bisa mendapatkannya di dalam halaman ‘Customize’ di atas dua kotak ‘Add music and video and more images to your profile (with
Klik saja CSS Tips kemudian nantinya Youngsters akan menemukan sebuah kotak windows baru yang terbuka. Misalnya, pilih ‘Friendster Profile Editor’ yang nantinya akan terbuka window baru lagi.
Kalau Youngsters ingin membuat halaman tampilan Profile Friendsters yang tidak hanya berubah di latar akan tetapi juga pada tampilan kotak atau tulisan, di sinilah Youngsters bisa berkreasi.
Cara mengkombinasikan cara tadi dengan cara CSS Tips ini seperti ini:
-Setelah Youngsters memilih gambar background yang diinginkan melalui Navigation ‘Backgrounds’, Youngsters tentunya akan menemukan kembali kalimat atau bahasa pemrograman HTML.
-Misalnya nih,
-Tapi jika kita ingin mengkopi di Image URL sehingga latar Friendsters muncul seperti yang kita inginkan, ambil: url(’http://dl3.glitter-graphics.net/pub/43/43295xhqeq6hvs2.jpg’); dan bukan semuanya
-Selanjutnya, Youngsters bisa mengutak atik yang lainnya sesuai selera
-Jika selesai, klik ‘Preview Code’ sehingga muncul contoh tampilan halaman Profile hasil kreasi kita
-Kalau sudah cocok sesua dengan yang kita inginkan, kopi kalimat HTML di ‘Friendster CSS Code’ ke dalam kotak ‘Advanced users: Personalize your profile with CSS’
-Setelah itu, cara selanjutnya sama seperti yang tadi
Tidak ada komentar:
Posting Komentar