Salah satu kelebihan Statusbooks (SB) dibandingkan dengan Facebook adalah adanya fitur Style yang memungkinkan member untuk mengkustomasi tampilan halaman profilnya. Member dapat mengubah background, warna, huruf, bahkan cursor. Masih ingat fitur serupa di situs jejaring sosial Friendster? Nah, kurang lebih seperti itulah.
Namun karena umurnya yang masih sangat muda, saat ini belum banyak –bahkan belum ada– situs yang menyediakan style untuk Statusbooks. Sementara untuk beberapa member yang kurang familiar dengan kode CSS, mengedit style ini cukup merepotkan. Ok, untuk anda yang membutuhkan, saya akan memberikan sedikit panduan sederhana.
Langkah-Langkah Kustomasi Gaya Profil Statusbooks
1. Dari halaman beranda (home), klik tautan Sunting Profil Saya yang terletak di bawah foto profil anda.
2. Di halaman Sunting Profil Saya, klik tautan Gaya Profil.
3. Di halaman Gaya Profil, paste (tempelkan) kode CSS di bawah ini pada kolom yang disediakan.
Code CSS (Copy dan Paste pada Kolom yang Tersedia di Halaman Gaya Profil)
body { background: #57DFF9 url(http://statusbooks.com/imgs/bg.jpg) top left fixed no-repeat; color: #424242; } .layout_left { padding:10px; margin-right:-5px; background-color:#FFF; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 0px 5px #AFBDC4; -webkit-box-shadow: 0px 0px 5px #AFBDC4; } .layout_middle { background-color:#A7D3EF; padding:15px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; } a:link, a:visited { color:#3885AD; text-decoration:none; } a:hover { color:#0080AE; text-decoration:underline; } .layout_page_header { background-color:#252525; } .layout_core_menu_main { background-color:#214F67; } .activity-comment-form, .compose-content { -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:solid 1px #999999; } #core_menu_mini_menu #global_search_field { +rounded(3px); width: 100px; font-size: 1.2em; outline: none; border:solid 1px #999999; background-color:#FFF; color:#222 !important; }
Jangan lupa save kode yang telah ditambahkan dengan mengklik tombol Simpan Gaya.
4. Kembali ke halaman profil anda, dan lihat perubahannya.
13 June 2011 at 01:53
Gan. klo mw ganti jenis hurufx, ganti yg mana?
13 June 2011 at 02:56
tambahkan satu baris, setelah baris ketiga (lihat kode di atas)
di baris baru, masukkan kode ini:
font-family: Arial, Tahoma, Verdana;
so, kodenya nanti menjadi seperti ini:
body {
background: #57DFF9 url(http://statusbooks.com/imgs/bg.jpg) top left fixed no-repeat;
color: #424242;
font-family: Arial, Tahoma, Verdana;
}
Jenis hurufnya akan disesuaikan dengan ada / tidaknya huruf tersebut di komputer ybs.
10 June 2011 at 15:58
gan”..
kan itu tinggal copas aja..
trus ganti BG cuma ganti link yg di pertamanya kan..?
10 June 2011 at 21:07
nah!
12 June 2011 at 20:32
Apanya yg nah, bang..?? heheheh
13 June 2011 at 00:42
nah! itu si fariz akhirnya ngerti juga
10 June 2011 at 01:39
susah gan kalo pake CSS…
10 June 2011 at 01:41
susahnya di mana, gan? kan tinggal copy paste?
10 June 2011 at 01:49
iya sih tinggal minta admin..
tpi kalo ga dibales-bales gimana gan..?
10 June 2011 at 01:52
@Faris Fudhail Suranata: loh? ini kan tutorialnya, gan… justru supaya gak minta tolong sama orang lain. :
@Huffh Ar: jangan coba2
10 June 2011 at 01:49
Dicoba dolo gan.