Membuat Layout Friendster dengan CSS

Sebenarnya tutorial ini sudah basi tapi mungkin bisa di anggap berguna untuk yang belum mengerti membuat layout CSS dengan background dan warna text yang bisa disesuaikan sendiri.

Tanpa banyak komentar kita mulai aja ok.

Pertama - tama tentunya km harus login ke friendster kamu.
Setelah login ke fs kamu berhasil silahkan pilih:

1. Customize


2. Customize with CSS editor. Lihat gambar dibawah



3. setelah itu maka akan keluar new tab


4. pilih Background Images



5. klik Browse untuk mengupload photo yang nantinya akan dijadikan sebagai background FS km



6. pilihlah photo atau image yang ada di hard disk komputer km, lalu klik Upload


7. setelah kamu mengklik upload maka akan keluar new tab(tunggu hingga proses upload photo km selesai)


8. setelah upload nya selesai copy URL Image yang ada paling bawah. Lihat gambar dibawah ini



9. kembali ke Profile Editor


10. paste URL Image yang telah kamu copy tadi ke kolom Image URL. lihat gambar dibawah.



11. masih di profile editor. aturlah PAGE BACGROUND, IMAGE REPEAT, IMAGE POSITION, IMAGE SCROLL dll-nya.


12. setelah semuanya selesai larilah ke bawah (maksudnya scroll kebawah)sampai kamu menemukan tulisan Friendster CSS Code, lihatlah disekeliling nya, apakah ada tulisan Generate Friendster Code. sudah ketemu? ok klik icon tersebut maka akan keluar code - code CSS nya.


13. Copy (supaya keblok semuanya tekan Ctrl+A) semua code CSS tsb. dan larilah ke FS km.



14. Paste Code CSS yang sudah km copy tadi ke bagian kotak Customize CSS.



15. klik Save

sekarang coba preview FS kamu dan tralalala jadi deh fs km dengan layout buatan kamu sendiri.

Posted in: Tutorial,Tutorial Blog,Tutorial Other