Cara buat Friendster layout sendiri Tutorial

Tutorial ini akan membahas dengan singkat bagaimana cara mendesign sendiri layout Friendster kamu. Dengan menggunakan bantuan Friendster layout generator yang akan mempermudah kita untuk melakukan design, layouting, dan langsung mengetahui hasilnya. Apa yang membuat layout generator ini berbeda dengan lainnya? Tentu saja karena disana kita bias melakukan editing layout sedangkan preview hasilnya akan langsung terlihat on the fly. Lalu bagaimana caranya? Tenang cukup mudah koq sebab kamu gak perlu lagi belajar html dan css sampai mumet. Penjelasan akan disertai gambar screencrot ilustrasi. Tapi untuk menghemat bandwith kamu dan biar lebih mudah plus cepat diload browser jadi saya thumbnail aja ya. So kalo pingin memperbesar anunya gambarnya langsung klik aja.

Pertama silahkan buka browser kamu dan kunjungi Friendster layout generator buatan orang Indonesia (bangga nih..meski gk ikut buat). Di sana akan terlihat beberapa menu yang berjajar, pada dasarnya menu tersebut adalah urutan cara design layout. Gampangnya untuk mempermudah kamu tinggal ikutin aja urutan menu tersebut dari mulai create new layout sampai Member area. Loh koq ada menu member area? Ntar aja saya jelasin lagi. Nah sekarang klik dulu menu Create New Layout.



Langkah awal design dari background halaman. Klik pada Page Background, maka akan muncul kotak seperti ini.



Pada kotak Background color, pilih warna halaman background, pada kotak isian Background image URL, isikan alamat gambar. Pada bagian lainnya pilih sesuai selera karna saya kurang tau. Jika sudah klik DONE.

Selanjutnya adalah Global Font dimana kamu bisa mengatur tampilan huruf. Klik pada Global Font.



Edit sesuai selera, lalu klik Done.

Selanjutnya Links. Klik pada Links maka akan muncul 3 pilihan, Global Links, Link on Hover dan Viwewall link. Link on hover itu berfungsi mengatur karakter font ketika ada cursor yang melintas di atas sebuah link.



Kita lanjutkan pada Boxes. Saran saya pada pengaturan Global Box pilih saja Transparant agar gambar layout terlihat. Pada pengaturan lainnya bisa anda atur sendiri.



Berlanjut lagi ke Module. Biasanya disitu yang paling banyak dipakai adalah Testimonial Box. Tapi kamu bisa mengedit yang lain sesuka hati.

Yang lainnya kamu bisa buat sesuka hati. Jika sudah, klik Get Friendster Code. Salin kodenya dan tempelkan di kotak CSS kamu.