Bikin Layouts Friendster kamu diri

by admin in Juli 16th, 2008

bentuknya kurang lebih kaya gini

Photobucket

kamu bisa edit sendiri CSS nya,tapi janagn lupa gambar2nya dan warna2nya di ganti semua baiar keliyatan ga mirip dengan yang asli.heheh……….

oke hal yang perlu lo siapin adalah

1. gambat2 yang lo suka dan sudah di edit

2. fail CSS bisa di ambil di SINI

cara merubah tampilan di dalam fail CSS yang saya berikan . yang perlu di ubah adalah tulisan yang bercetak tebal.

aplud gambar yang sudah kamu buat tadi ke SINI

lalu ganti alamat URL lam dengan URL yang baru “URL poto kamu yang kamu aplud tadi”

klo mau ganti warnanya tulisan yang seperti ini “#f37bbb;” kamu ganti dengan yang laian
lebih mudahnya kamu buka INI lalu kamu masikan CSS nya ke
Generate Friendster Profile Code kotak yang paling bawah lalu kamu Preview Code dan lihat hasilnya

klo sudah sesuai dengan semua itu silahkan kirimkan data CSS yang kmu buat tadi ke admin Email mirckalsel@yahoo.co.id nati kalian akan dapat balasan dari admin.

Topics: Tips Trik Friendster

Digg it Delicious it Stumble it Favourite it

trik menarik menghias friendster

by admin in Juli 15th, 2008

No Comment

trik menarik menghias friendster

hasil kopas dari blog tetanga…..

Friendster sekarang tambah asik karena bisa utak-atik profile dengan CSS. Ada dua macam pilihan untuk mengutak-atik profil kita. Pertama untuk nubi alias beginners dan kedua untuk advanced users. Untuk nubi cuma bisa ganti-ganti warna doang sedangkan untuk advanced users bisa ganti semuanya: background untuk masing-masing box, warna, font, dan lain-lain. Supaya tidak terkesan nubi dalam mengutak-atik profil kita maka simak tutorial berikut ini.

Untuk memulai utak-atik login ke account anda dan

pilih menu “Edit Profile“. Setelah itu pilih menu “Customize“. Disitu ada 3 buah box. Yang pertama adalah untuk menambahkan media pada profil kita, kedua untuk mengubah profile secara manual dengan CSS, dan yang paling bawah adalah mengubah profil untuk beginner. Klik box yang kedua untuk memulai.

Pertama-tama kita akan mengganti font yang digunakan untuk menampilkan tulisan. Tambahkan line berikut di box kedua:

body {
font-family: Trebuchet MS, sans-serif;
font-size: 14px;
}

Selanjutnya kita akan mengubah tampilan box “About Me” pada halaman profil kita dengan menambahkan background image yang khusu

s. Pilihlah gambar latar yang netral. Artinya warnanya tidak banyak dan terkesan monoton. Tujuanya adalah agar tulisan di dalam box tersebut dapat dibaca. Setelah anda memilih gambar yang pas, upload ke ImageShack dan simpan url yang paling bawah. Ini adalah url ke image yang sudah anda upload. Kemudian tambah line berikut ini ke box di halam edit profile tadi

.left_column_wrapper .left_column_content {
background-image: url(http://url
.ke.image.yang.dari.imageshack);
background-repeat: no-repeat;
background-position: right bottom;
}

#mainimage {
border: 1px dashed #e9ffbb;

}

URL nya ganti dengan URL yan

g dari imageshack tadi. Untuk positionnya sesuaikan dengan orientasi gambar anda. Jika anda menginginkan orintasi dari atas dan kiri maka ganti menjadi left top. Kode #mainimage fungsinya agar foto kita di beri frame yang putus-putus. Setelah anda save maka coba lihat hasilnya. Tadaaa. Profil anda menjadi lucu

Supaya terlihat lebih keren dan beda dari yang lain, anda bisa mengubah font pada box “About Me” tadi dengan menggunakan small-caps alias hur

uf kapital semua. Caranya adalah demikian

#caption, .left_column_info {
font-variant: small-caps;
text-decoration: none;
color: #e9ffbb;
}

Sekarang kita akan memberi sen

tuhan yang berbeda pada box “More About Me”. Pilih gambar yang lain lagi dan ulangi langkah untuk mengupload gambar ke imageshack. Setelah itu tambahkan line berikut

.left_column_about {
background-image: url(http://url.ke.image.yang.dari.imageshack);
background-repeat: no-repeat;
background-position: right bottom;
}

Untuk mengubah warna font dan warna latar header pada masing-masing box gunakan kode ini

.left_column_header2, .left_column_content,
.right_column .column_content,
#teaserBox {

border-color: #015811;
}

.left_column_header2, .right_column .column_header,
#teaserBox h2{
background-color: #216800;
border-bottom: none;

}

.left_column_header2 h1, .right_column .column_header h1,#teaserBox h2{
color: #e9ffbb;
font-varian

t: small-caps;
}

Itu adalah bebera

pa trik untuk mengutak-atik profil friendster. Selanjutnya anda bisa coba-coba sendiri.

Jika ada pertanyaan silahkan dilontarkan. Selamat mengutak-atik dan good luck!

Topics: Tips Trik Friendster

Digg it Delicious it Stumble it Favourite it

Layouts Friendster ga jalan???

by admin in Juli 15th, 2008

No Comment

sekarang banyak berbagai macam cara untuk memperindah friendster mulay dari warna,bentuk,dan animasi2 yang di berikan,tapi tanpa kita ketahui Layouts Friendster kita ga jalan ato ga muncul,wah jadi kaya aslinya dong,nah ini yang mau ku kasih tau sama kalian,banyak sekali penyebap Layouts Friendster kita ga nongol,klo yang pernah q alami ya ada beberapa,seperti :
1. keslahan pada CSS

2. gambar begron tidak muncul di karnakan Server penyedia layanan done/ada gaguan sehiga tidak dapat muncul

3. Pengaturan pada seting Friendster anda

4. ada kode2 yang tidak bisa di terima oleh layanan Friendster

dan banyak lagi…

untuk yang satu ini di hususkan pada layanan penyedia Friendster Layouts,biyasanya mereka mengunakan kode2 yang berbeda dengan megatur CSS di Friendster,seperti kita mengatur CSS biyasanya mengunakan kode2 yang sangat sulit di pahami seprti ini

kita perlu menaruh di kotak CSS Friendster kita

/* Basic CSS Editor 1.1 - FRIENDSTER-TWEAKERS.COM */ /* PROFILE BACKGROUND */ body { background-image:url(http://i196.photobucket.com/albums/aa317/luv_ujonanaxess/girl.jpg); background-attachment:fixed; background-position:bottom left; background-repeat:repeat-x; background-color:#ffcc66; } /* GLOBAL FONTS */ .usercontent { font-family:Courier New, Courier, Monaco, monospace; color:#ffcc00; } /* GLOBAL LINKS */ .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:none; color:#ffcc00; } .data a, a.more, .commonbox .viewall { font-family:Courier New, Courier, Monaco, monospace; color:#ffcc00; } .usercontent a:hover { text-decoration:underline; color:#ffcc00; }

huh…. ribetkan
tapi dengan semakin berkembangnya kode2 tersebut di rangkum/di buat lebih simpel sehiga cara pemasangan dan pengunaanya pada Friendster lebih mudah seperti yang satu ini
<style type="”text/css”">@import url(http://dimasdeso.10001mb.com/dim1/imgorgeous.css);</style> <a href="”http://dimasdeso.0fees.net/blog/”" mce_href="”http://dimasdeso.0fees.net/blog/”"><img src="”http://i255.photobucket.com/albums/hh156/dimasdeso/genrat.gif”" mce_src="”http://i255.photobucket.com/albums/hh156/dimasdeso/genrat.gif”" border="”0″" alt="”Free" /></a>

kode di atas tigal kita pindahkan ke dalam Media box ,selesai deh…
tapi harus di ingat klo kalian pengen Layouts Friendster kalian berjalan dengan baik carai layanan yang kode2 nya UPDATED ter baru,klo pake data yang ga UPDATED takutnya datnya ga fungsi.. jadi ga jalan deh tuh Layouts Friendster

Topics: Tak Berkategori, Tips Trik Friendster

Digg it Delicious it Stumble it Favourite it