Disini gw akan coba menjelaskan bagaimana cara membuat CSS eksternal untuk FS kalian. Bagi yang sudah tau jangan protesss.. bagi yang belum silahkan ikutin caranya..
Adapun fungsi dari CSS eksternal ini adalah supaya mempermudah kalian dalam mentweak FS, atau menambahkan beberapa kode CSS yang lainnya,seperti menghilangkan banner, navigation, footer, atau google ads tanpa harus merusak tampilan FS kalian.
Untuk mendapatkan Kode CSS friendster kalian bisa mendapatkannya melalui :
1. Edit-Friendster
2. Friendster-tweaker
atau mungkin bisa saja yang lain..
Disana kalian akan mendapatkan kode css yang sesuai kalian inginkan. Tentunya setelah di generate. Ini adalah contoh kode css yang telah digenerate:
- Quote :
- /* michael's friendster profile editor v4.1 */
/* [You must be registered and logged in to see this link.] */
/* PAGE BACKGROUND */
body {
background-image: url(http://images.friendster.com/images/homebg.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: ;
}
/* MASTER BOXES */
.commonbox {
border-color: #ffffff;
background-color: #000000;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #ffffff;
}
/* CONTROL PANEL: BOX */
.controlpanel {
background-color: #000000;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #ffffff;
}
/* CONTROL PANEL: DATA */
.data a {
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
text-decoration: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}
Pada umumnya kode-kode tersebut biasanya di letakkan pada bagian
Customize CSS Profile kalian. Namun untuk yang ini tidak, melainkan kalian meletakkan kode css tersebut diluar dari friendster.
Untuk lebih memudahkan kalian, cobalah kopas kode css yang kalian dapat tersebut kedalam sebuah notepad dan save dengan extension .css.
Contoh : terserah.css
Langkah berikut yang harus dilakukan adalah, kalian harus mempunyai web hosting untuk meletakkan kode css tersebut. Disini saya menggunakan Hosting
[You must be registered and logged in to see this link.] bagi yang belum mempunyai silakan membuat accountnya di sini sign up
setelah kalian mendaftar, klik
My FilesKemudian klik
uplod fileSetelah itu,
browse file css yg tadi telah kamu edit/simpan di notepad
dan klik
Uploadsetelah itu kalian akan melihat file yang telah kalian upload tadi.
Untuk menyatukan file css eksternal yang telah kalian buat ke dalam Friendster, maka diperlukan
CSS linker ini adalah kode css linker yang terbaru :
- Code:
-
<STYLE TYPE='text/css'>@import url(URL CSS kalian);</STYLE>
Kopas kode css linker tersebut ke dalam
Media Box FS kalian. Namun sebelumnya Kopas terlebih dahulu URL CSS Kalian yang tadi telah di upload, ke bagian "URL CSS Kalian" tanpa tanda petik.
Contoh :
- Code:
-
<STYLE TYPE='text/css'>@import url(http://h1.badwaresite.www/wie/terserah.css);</STYLE>
Kemudian Save..
Selamat..kalian telah berhasil membuat CSS eksternal..
Semoga Trik ini dapet bermanfaat...
Untuk sementara ini dulu..trik yang lain akan menyusul :woho: