Saat ini siapa yang tidak memiliki account di Friendster? Tentu kita sudah melihat bagaimana para anggotanya (dan mungkin juga Anda) mengganti tampilan halaman profil agar tampak berbeda dan menunjukkan kepribadian pemiliknya. Perubahan yang dilakukan ini mulai dari merubah jenis huruf, mengganti warna-warna kotak, sampai menambahkan gambar latar belakang sendiri.
Satu hal yang pasti sama adalah adanya logo Friendster di pojok atas halaman profil kita. Bagaimana caranya agar halaman kita bisa jadi lebih berbeda lagi? Ganti logo Friendster itu dengan logo kita sendiri! Berikut cara melakukannya.Saat ini siapa yang tidak memiliki account di Friendster? Tentu kita sudah melihat bagaimana para anggotanya (dan mungkin juga Anda) mengganti tampilan halaman profil agar tampak berbeda dan menunjukkan kepribadian pemiliknya. Perubahan yang dilakukan ini mulai dari merubah jenis huruf, mengganti warna-warna kotak, sampai menambahkan gambar latar belakang sendiri.
Satu hal yang pasti sama adalah adanya logo Friendster di pojok atas halaman profil kita. Bagaimana caranya agar halaman kita bisa jadi lebih berbeda lagi? Ganti logo Friendster itu dengan logo kita sendiri! Berikut cara melakukannya.
Sebagai catatan, untuk melakukan ini, Anda membutuhkan jasa hosting untuk menyimpan logo yang Anda buat dan file CSS yang mengaturnya. Hosting gratis banyak ditemui di internet tapi pastikan jasa hosting yang Anda pilih bisa diandalkan agar logo kita bisa tampil setiap waktu halaman Friendster kita dibuka. Jika di tempat kerja atau kampus Anda menyediakan hosting, itu juga bisa Anda gunakan.
Langkah pertama tentu saja mendesain logo pribadi. Tinggi yang disarankan adalah 18px dengan lebar maksimal 150px. Logo bisa disimpan dalam format JPEG, GIF, atau PNG. Format terakhir dengan latar belakang transparan lebih disarankan sebab gambar atau warna latar belakang yang kita atur untuk halaman kita akan masih dapat terlihat dengan baik. Upload gambar ini ke hosting yang sudah Anda siapkan dan pastikan gambar ini bisa diakses oleh browser. Cara sederhana untuk mengujinya adalah dengan mengetikkan URL gambar di address bar (misal, http://www.hosting-anda.com/logo.png) dan lihat apakah gambarnya bisa ditampilkan.
Langkah selanjutnya adalah menyiapkan file CSS untuk memerintahkan halaman menampilkan logo kita. Buka Notepad atau aplikasi pengolah teks pada komputer Anda dan salin aturan CSS di bawah ini./* MENGGANTI LOGO FRIENDSTER *//* Menyembunyikan logo standar */#logo a { display:none; }/* Menampilkan logo baru */#logo { height:18px; width:150px; background-image:url('http://www.hosting-anda.com/logo.png'); }
Ganti teks berwarna merah dengan URL logo Anda. Simpan file ini dengan nama custom.css dan upload ke hosting yang sudah Anda siapkan. Seperti pada gambar, pastikan file ini bisa diakses oleh browser.
Langkah terakhir adalah menyisipkan perintah dalam halaman Friendster untuk membaca file CSS yang sudah kita buat. Friendster pada kenyataannya sejak awal tahun 2007 telah memangkas fleksibilitas pengguna dalam menyunting CSS halaman profilnya, menutup pengaturan CSS bebas di halaman pengaturannya dan membatasi pengaturan CSS pribadi khusus untuk elemen-elemen tertentu. Namun setelah dipelajari, Friendster masih menyediakan celah untuk menggunakan CSS tersendiri tanpa pembatasan. Celah ini dimungkinkan oleh adanya fasilitas menambahkan tag HTML di kotak “About Me”, “Who I Want To Meet”, dan “Media Box”. Idenya adalah menambahkan satu baris HTML yang meminta Friendster memanggil dan menjalankan file CSS kita.
Salin baris kode berikut dan tempatkan di awal kotak “About Me”:
Seperti sebelumnya, ubah teks berwarna merah dengan URL file CSS Anda. Simpan profil Friendster Anda, dan lihat hasilnya.
Selamat mencoba! Contoh halaman profil bisa dilihat di
Friendster Bita Edukasi. Pembahasan dan tanya jawab mengenai trik ini bisa dilihat di
Forum Diskusi Bita Edukasi.
Update:14 Desember 2007, setelah ditelusuri dan diteliti lebih lanjut ternyata trik mengganti logo Friendster ini sudah tidak dapat dilakukan lagi karena alasan yang berhubungan dengan keamanan dan kenyamanan para user Friendster belakangan ini. Namun untuk user yang menambahkan trik ini dapat mempertahankannya selama baris tersebut tidak dihapus oleh user tersebut. Hal ini telah dikonfirmasikan oleh pihak Friendster dalam halaman F.A.Q yang disediakan yaitu “
My profile is being redirected to another page (popup, survey, advertisement)“.
Artikel ini ditulis oleh
Andi Saleh pada hari Selasa, 24 Juli 2007 pukul 15:57 WIB dalam kategori
Artikel & Resource. Anda dapat
memberikan komentar, atau
trackback dari situs Anda sendiri.
36 komentar untuk “Mengganti logo Friendster”
chester berkata...
22 September 2007, 13:03 WIBUdah coba ganti logo n background profile pada friendster tapi kok gak bisa2 yach.untuk background tipe filenya apa harus .gif atow bebas?
Andi Saleh berkata...
22 September 2007, 22:38 WIBHi Chester,
Gambar yang dipakai boleh GIF, JPEG/JPG, atau PNG. Kalau logo pribadinya tidak berhasil ditampilkan, ada beberapa cara untuk menguji di mana kesalahan yang terjadi. Coba troubleshoot dengan langkah-langkah ini:
Pertama, apakah logo Friendsternya berhasil dihilangkan? Kalau gambarnya masih ada, berarti Friendster tidak berhasil menemukan file CSSnya. Cara mengujinya, ketikkan alamat file CSS langsung pada browser, misalnya
http://www.hosting-anda.com/custom.css. Jika berhasil dan halaman CSSnya bisa ditampilkan, periksa kode untuk menampilkan file CSS tadi di kotak About Me Friendster. Jika Anda mengcopy langsung kode pada trik di atas, pastikan tanda kutip yang disalin adalah tanda kutip lurus biasa ("), bukan tanda kutip pintar (“smart quote”, biasanya miring dan berpasangan). Ini kasus yang paling sering terjadi jika kita mengcopy tanda kutip dari situs. Jika kode untuk menampilkan CSSnya ditulis dengan benar, logo Friendster standar akan hilang. Ini hal pertama yang harus dipastikan.
Setelah memastikan logo standar Friendster hilang, apakah logo penggantinya tampil? Jika tidak, serupa dengan cara pertama, pastikan dulu gambarnya bisa diakses. Cara mengujinya, ketikkan alamat gambar langsung pada browser. Jika tidak bisa ditampilkan, berarti path ke gambarnya yang salah. Jika berhasil ditampilkan, periksa kode CSS untuk menampilkan logo tadi. Pastikan juga tanda petik (') yang dipakai adalah petik lurus biasa, bukan ‘smart quote’.
Jika Anda yakin kalau semuanya sudah benar, periksa juga height dan width yang ditulis. Pastikan nilainya sama dengan dimensi gambar yang dipakai.