Cara Mengganti Background dan CSS Style Statusbooks

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(https://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.

Terakhir, kembali ke halaman profil Anda, dan lihat perubahannya.