MENGGANTI BACKGROUND FS tanpa perlu IMAGE HOSTING

paankbilang.blogspot,
Menindaklanjuti pertanyaan beberapa pertanyaan temen-temen yang di Friendster, berikut sedikit tips untuk mengatur tampilan Account Friendstermu semau lu!!!

Kita awali dengan fasilitas pengubahnya, yaitu CSS Box.

Kolom Customize CSS merupakan kolom untuk memasukkan setting CSS alias Cascading Style Sheet untuk halaman profile Friendster. Untuk membuat accountFriendster-mu terasa “gue banget”, bisa dilakukan dengan dua cara.

Pertama

Klik link Customize with CSS editor yang ada tepat di atas kolom Customize CSS. Dengan cara ini, akan muncul halaman baru dimana kita bisa mengatur tampilan profil Friendster kita. Mulai dari warna background, gambar background, warna garis, sampai warna dan jenis huruf.
Kedua

Ganti kode langsung pada box Edit CSS. Cara ini lebih praktis karena kita tidak perlu menunggu loading jendela baru CSS Editor. Caranya, setelah masuk Edit Profile, pilih Tab Customize, lalu cari box CSS Editor.



Mari kita bahas setahap demi setahap:


MENGGANTI BACKGROUND

Background di Friendster bisa kamu isi dengan warna solid (satu warna saja), bisa juga kamu isi gambar seperti punya saya.


Untuk mengisi background dengan gambar, pertama tentunya kamu harus milih dulu gambar yang mau dipasang. Idealnya, sebuah foto yang mau dijadikan background mempunyai resolusi 862 × 647 piksel. Tapi kalo nggak segitupun tetap bisa, walaupun hasilnya mungkin nggak maksimal. Syaratnya image/gambar harus yang sudah ter-upload ke internet. Artinya kamu harus punya account di situs penyedia image-hosting.


Lha kalo nggak punya gimana? Nggak bisa dong?

Tenang, bisa-bisa. Kata orang: “tenang,… ada paank…”



Gini, kalo nggak punya, kita bisa manfaatkan koleksi foto kita yang di Photo Album FS, kan itu udah ter upload ke internet juga kan? Asal jangan yang Private Album aja, pasti bisa.

Mari kita mulai.

Pertama, Log In ke FS-mu. Pilih My Profile. Cari Edit Profile lalu klik kanan -> Open in New Window (pengguna IE) atau Open in New Tab (pengguna Firefox).
Pada Jendela Edit Profile, pilih Tab Customize trus scroll ke bawah ampe kelihatan kotak Edit CSSnya. Pada baris pertama kotak itu akan terlihat tulisan:


body {

background-image: url (http://alamatURL/gambar/background/yang terpasang.jpg);



Teks yang saya tandai dengan warna merah ini yang akan kita ganti.
Biarkan dulu. Kita kembali ke jendela My Profil. Silakan kamu sekarang menuju ke koleksi gambar-gambar kamu (Public Album). Tau kan caranya ngeliat foto-foto di Album? Setelah masuk ke Album, pilih gambar yang akan kamu jadikan background. Setelah foto terbuka, dibawah foto kamu itu cari tulisan Photo URL:, lha disebelahnya kan ada tulisan http://photos-p.friendster.com/photos/bla-bla-bla/nama gambar.jpg, blok teks itu, klik-kanan-Copy.



Udah? Sekarang kita kembali ke jendela kotak CSS Edit profile.
Paste-kan kode foto tadi ke URL foto yang sekarang terpasang:



body {

background-image: url (http://alamatURL/ini/ yang diganti/ dengan kode foto kamu/tadi.jpg);



Setelah beres, klik Save dan liat profilmu sekarang.

Untuk pengaturan di kotak CSS, lebih detailnya seperti ini:


body {

background-image: url (http://alamatURL/photokamu/yang mau/dijadikan/backgroung.jpg);

background-attachment: fixed;

background-position: top left;

background-repeat: repeat-x;

background-color: transparent;}



Artinya:

background-attachment: fixed;

Dengan perintah ini, maka gambar akan diam. Dalam artian, saat di scroll, maka gambar tidak akan ikut pergi keatas saat di scroll.

background-position: top left;

Dengan perintah ini, maka posisi gambar ada di kiri atas. Jika kita ingin gambar berada tepat di tengah, maka ganti dengan center center

background-repeat: repeat-x;

Dengan perintah ini, maka gambar akan di-ulang-ulang menurut posisi diagonal. Jika ingin diulang secara vertikal, gunakan repeat-y, atau jika ingin gambar tidak di-ulang, dan cuma ada satu, tepat di tengah, gunakan no-repeat dengan kombinasi background-position: center center;

background-color: transparent;

Dengan perintah ini, anda bisa mengganti warna background. Jika warna gambar background anda hitam, agar sesuai, ganti juga background-color: transparent; menjadi background-color: #000000; atau #FFFFFF untuk putih.

Kode-kode warna bisa kamu liat di bagian tengah artikel ini.


dan,
jangan lupa ninggalin comment sama isi buku tamu yaa