tutorial friendster, layout friendster, text unik tutorial

Generator Layout Friendster, cara membuat layout friendster anda

2008-08-10T23:03:00.000-07:00

Generator Layout Friendster, cara membuat layout friendster anda
(generator layout friendster, how to built your own layout )

untuk mendapatkan generator layout + membuat layout friendster anda KLIK disini, masuklah ke situs bahasa inggris kami
(klik here to get our layout generator )

LOGO friendster layout

2008-08-06T13:06:00.000-07:00

/* {--friendster-layouts.com css code start--} */

/* Basic CSS Editor 1.1 - tutorial-friendster-layout.blogspot.com */

/* PROFILE BACKGROUND */

body { background-image:url(http://i298.photobucket.com/albums/mm277/bhanutama/VGI0282P020014-1.jpg); background-attachment:fixed; background-position:bottom center; background-repeat:no-repeat; background-color:transparent; }

/* GLOBAL FONTS */

.usercontent { font-family:Arial, Sans-serif; color:#000000; }

/* GLOBAL LINKS */

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#000000; }

.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#000000; }

.usercontent a:hover { text-decoration:overline; color:#ffffff; }

/* GLOBAL HEADERS */

.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#000000; background-color:transparent; }

/* GLOBAL BOXES */

.commonbox { border-width:6px; border-style:outset; background-color:transparent; }

/* TESTIMONIALS EVEN ROW */

.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */

.controlpanel .imgblock200 { border-color:#ffffff; border-style:groove; }

/* DATA / LABELS */

.data, .controlpanel .q { color:#000000; }

/* BUTTONS */

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:Arial, Sans-serif; color:#000000; border-color:#ffffff; border-style:groove; background-color:transparent; }

#controlPanelButtons a:hover { color:#000000; border-color:#ffffff; background-color:#ffffff; }

/* PHOTO BLOCKS */

.commonbox .imgblock75, .ir { border-width:6px; border-style:outset; background-color:transparent; }

/* FRIENDS NAME BG */

.commonbox .dr { background-color:transparent; }

body { cursor:url(http://i298.photobucket.com/albums/mm277/bhanutama/ciawallpaperbySteelgohst-1.jpg),default;}

/* {--friendster-layouts.com css code end--} */

/* {--friendster-layouts.com css code start--} */

/* Basic CSS Editor 1.1 - tutorial-friendster-layout.blogspot.com */

/* PROFILE BACKGROUND */

body { background-image:url(http://i298.photobucket.com/albums/mm277/bhanutama/nazi-index_04.jpg); background-attachment:fixed; background-position:bottom center; background-repeat:no-repeat; background-color:transparent; }

/* GLOBAL FONTS */

.usercontent { font-family:Arial, Sans-serif; color:#000000; }

/* GLOBAL LINKS */

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#000000; }

.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#000000; }

.usercontent a:hover { text-decoration:overline; color:#ffffff; }

/* GLOBAL HEADERS */

.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#000000; background-color:transparent; }

/* GLOBAL BOXES */

.commonbox { border-width:6px; border-style:outset; background-color:transparent; }

/* TESTIMONIALS EVEN ROW */

.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */

.controlpanel .imgblock200 { border-color:#ffffff; border-style:groove; }

/* DATA / LABELS */

.data, .controlpanel .q { color:#000000; }

/* BUTTONS */

#controlPanelButtons a:hover { color:#000000; border-color:#ffffff; background-color:#ffffff; }

/* PHOTO BLOCKS */

.commonbox .imgblock75, .ir { border-width:6px; border-style:outset; background-color:transparent; }

/* FRIENDS NAME BG */

.commonbox .dr { background-color:transparent; }

body { cursor:url(http://i298.photobucket.com/albums/mm277/bhanutama/ciawallpaperbySteelgohst-1.jpg),default;}

/* {--friendster-layouts.com css code end--} */

/* {--friendster-layouts.com css code start--} */

/* Basic CSS Editor 1.1 - tutorial-friendster-layout.blogspot.com */

/* PROFILE BACKGROUND */

body { background-image:url(http://i298.photobucket.com/albums/mm277/bhanutama/4392Playboy_Edition_Gold.jpg); background-attachment:fixed; background-position:bottom center; background-repeat:no-repeat; background-color:transparent; }

/* GLOBAL FONTS */

.usercontent { font-family:Arial, Sans-serif; color:#000000; }

/* GLOBAL LINKS */

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#000000; }

.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#000000; }

.usercontent a:hover { text-decoration:overline; color:#ffffff; }

/* GLOBAL HEADERS */

.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#000000; background-color:transparent; }

/* GLOBAL BOXES */

.commonbox { border-width:6px; border-style:outset; background-color:transparent; }

/* TESTIMONIALS EVEN ROW */

.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */

.controlpanel .imgblock200 { border-color:#ffffff; border-style:groove; }

/* DATA / LABELS */

.data, .controlpanel .q { color:#000000; }

/* BUTTONS */

#controlPanelButtons a:hover { color:#000000; border-color:#ffffff; background-color:#ffffff; }

/* PHOTO BLOCKS */

.commonbox .imgblock75, .ir { border-width:6px; border-style:outset; background-color:transparent; }

/* FRIENDS NAME BG */

.commonbox .dr { background-color:transparent; }

body { cursor:url(http://i298.photobucket.com/albums/mm277/bhanutama/ciawallpaperbySteelgohst-1.jpg),default;}

/* {--friendster-layouts.com css code end--} */

/* {--friendster-layouts.com css code start--} */

/* Basic CSS Editor 1.1 - tutorial-friendster-layout.blogspot.com */

/* PROFILE BACKGROUND */

body { background-image:url(http://i298.photobucket.com/albums/mm277/bhanutama/600px-US-FBI-Sealsvg-1.jpg); background-attachment:fixed; background-position:bottom center; background-repeat:no-repeat; background-color:transparent; }

/* GLOBAL FONTS */

.usercontent { font-family:Arial, Sans-serif; color:#000000; }

/* GLOBAL LINKS */

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#000000; }

.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#000000; }

.usercontent a:hover { text-decoration:overline; color:#ffffff; }

/* GLOBAL HEADERS */

.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#000000; background-color:transparent; }

/* GLOBAL BOXES */

.commonbox { border-width:6px; border-style:outset; background-color:transparent; }

/* TESTIMONIALS EVEN ROW */

.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */

.controlpanel .imgblock200 { border-color:#ffffff; border-style:groove; }

/* DATA / LABELS */

.data, .controlpanel .q { color:#000000; }

/* BUTTONS */

#controlPanelButtons a:hover { color:#000000; border-color:#ffffff; background-color:#ffffff; }

/* PHOTO BLOCKS */

.commonbox .imgblock75, .ir { border-width:6px; border-style:outset; background-color:transparent; }

/* FRIENDS NAME BG */

.commonbox .dr { background-color:transparent; }

body { cursor:url(http://i298.photobucket.com/albums/mm277/bhanutama/ciawallpaperbySteelgohst-1.jpg),default;}

/* {--friendster-layouts.com css code end--} */

/* {--friendster-layouts.com css code start--} */

/* Basic CSS Editor 1.1 - tutorial-friendster-layout.blogspot.com */

/* PROFILE BACKGROUND */

body { background-image:url(http://i298.photobucket.com/albums/mm277/bhanutama/badanintelejennegara.jpg); background-attachment:fixed; background-position:bottom center; background-repeat:no-repeat; background-color:transparent; }

/* GLOBAL FONTS */

.usercontent { font-family:Arial, Sans-serif; color:#000000; }

/* GLOBAL LINKS */

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#000000; }

.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#000000; }

.usercontent a:hover { text-decoration:overline; color:#ffffff; }

/* GLOBAL HEADERS */

.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#000000; background-color:transparent; }

/* GLOBAL BOXES */

.commonbox { border-width:6px; border-style:outset; background-color:transparent; }

/* TESTIMONIALS EVEN ROW */

.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */

.controlpanel .imgblock200 { border-color:#ffffff; border-style:groove; }

/* DATA / LABELS */

.data, .controlpanel .q { color:#000000; }

/* BUTTONS */

#controlPanelButtons a:hover { color:#000000; border-color:#ffffff; background-color:#ffffff; }

/* PHOTO BLOCKS */

.commonbox .imgblock75, .ir { border-width:6px; border-style:outset; background-color:transparent; }

/* FRIENDS NAME BG */

.commonbox .dr { background-color:transparent; }

body { cursor:url(http://i298.photobucket.com/albums/mm277/bhanutama/ciawallpaperbySteelgohst-1.jpg),default;}

/* {--friendster-layouts.com css code end--} */

tutorial friendster photo decorator animation...!

2008-07-29T14:42:00.000-07:00

tutorial friendster photo decorator animation...

photo decorator animation is not too diferrent with "photo border animation" , its only have more complex texture and animation choise....just try it..! , CLICK here

tutorial frienster border photo +awesome animation

tutorial friendster Photoborder animation ...!

halooo ! here we came..! , tutorial friendster unique and awesome animation !, give border for your special beloved photo ...and not just that, ...give also that photo some animation like pouring valentine heart ...! yeea...you are not missed read it !....this animation is a must to try...!

CLICK here to get photoborder animated ...!

tutorial friendster magical cube for photo !

2008-07-29T10:16:00.000-07:00

here we are the best of the best from all animation..!....you can insert 6 of your photo into it...and you also can moved it up, down, right and left..easily...its awesome..

CLICK here to try it....!

TUTORIAL FRIENDSTER animated magic cube for PHOTO ....!

this is awesome inovation..!...just imagine how your photo drag into a cube that you can moved easily...try...its veryyyyy unique....

screen shot...

CLICK here if you want to try it...

tutorial friendster photo decorator animation...!

tutorial friendster photo decorator animation...!

photo decorator animation is not too diferrent with "photo border animation" , its only have more complex texture and animation choise....just try it..! , CLICK here

CARA MEMBUAT DAN MENGHIAS LAYOUT FRIENDSTER

2008-06-26T10:16:00.000-07:00

Cara menghias layout friendster

Berikut ini adalah cara mudah membuat dan menghias layout friendster sesuai keinginan anda !

tentukan tema layout friendster yang akan anda buat, misalnya anda akan membuat layout friendster klub sepakbola Inter Milan, ( atau bahkan photo anda sendiri ), hmm, okey kita pick Inter Milan saja…kenapa bukan AC milan, itu bisa kita diskusikan lain waktu…he he , yang jelas kita sudah menentukan tema yang kita sepakati…klub sepakbola inter milan..
selanjunya yang anda perlukan adalah memilih photo atau picture yang akan anda jadikan background, anggap saja photo ini deh…

nah, hal berikutnya yang perlu anda pikirkan adalah theme warna…kita tahu warna dasar inter milan adalah biru dan hitam ..(yupz..mungkin anda tidak tahu, tapi untuk mempersingkat waktu saya anggap saja sudah tahu..he he ), btw, jadi theme warna kita adalah biru hitam…
okey, sekarang kita melangkah ke tahap yang menentukan ! dimana anda akan melakukan modifikasi yang sebenarnya…semua ini terletak pada kunci utama bahasa layout yaitu css dan HTML…untuk kali ini kita gunakan bahasa HTML …
sebelumnya untuk sekedar info, HTML adalah bahasa yang digunakan untuk menyusun banyak layout atau template di dunia perinternetan…HTML artinya Hypertext Markup Language…soal apa itu HTML tidak uasah kita bahas banyak disini toh, yang penting anda mengerti bagaimana cara menggunakannya…he he, nah selanjutnya dengan menguasai kunci-kunci HTML layout friendster, anda akan dengan mudah membuat layout sesuai dengan ide apapun yang muncul dikepala anda baik yang secara mendadak maupun yang tidak.…! walaupun ada cara yang jauh lebih mudah nantinya, he he nanti saya ajarkan cara RAHASIA membuat layout friendster dalam hitungan detik…!
okey, sekarang kita masuki area HTML, masih ingat theme warna yang kita sepakati diatas ?, yupz, anda dan saya sepakat akan membuat layout bertheme warna biru dan hitam,tugas anda sekarang (bukan tugas saya…)adalah mengganti warna maupun corak atau transparansi (dan juga ukuran border jika perlu) dari layout fs yang akan anda buat…, kedengaran rumit? Ah tidak juga, sebenarnya hal ini sangat sederhana sekali, ….sekarang lihat lah dibawah ini (hampir) semua kunci2 utama HTML layout friendster sudah berhasil saya terjemahkan, dan hasilnya sebagai berikut…

sebelumnya silahkan buka microsoft word anda dan lalu copy code dibawah ini dan paste di microsoft word yang baru anda buka tsb..

ida bagus gede sasra bhanutama

/* http://www.tutorial-friendster.blogspot.com */

/* PAGE BACKGROUND */

body {

background-image: url(http://i298.photobucket.com/albums/mm277/bhanutama/internazionalecracked.jpg);

background-attachment: fixed;

background-position: center center;

background-repeat: no-repeat;

background-color: #000000;

cursor: ;

}

/* GLOBAL FONTS */

.usercontent {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ffffff;

}

/* GLOBAL LINKS */

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {

color: #ff0033;

}

.usercontent a:hover {

color: #cc0033;

}

/* MASTER BOXES */

.commonbox {

background-color: #ffffff;

background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/06/hk-big/hk-big.gif);

}

.commonbox .evenrow {

background-color: transparent;

}

/* MASTER HEADERS */

.commonbox h1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

background-color: #ffffff;

}

.commonbox h2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

background-color: #ffffff;

}

/* CONTROL PANEL: BOX */

.controlpanel {

border-width: 1px;

border-style: solid;

background-color: transparent;

}

/* CONTROL PANEL: USER PHOTO */

.controlpanel .imgblock200 {

border-color: #ff0000;

}

/* CONTROL PANEL: DATA */

.controlpanel .q {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}

.controlpanel .data {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

}

.data a {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

text-decoration: ;

}

/* CONTROL PANEL: MORE ABOUT ME LINK */

a.more {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

text-decoration: ;

}

/* CONTROL PANEL: BUTTONS */

background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/06/hk-big/hk-big.gif);

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {

font-family: Arial, Sans-serif;

color: #ff0000;

border-color: #000000;

background-color: #ffffff;

text-decoration: ;

}

#controlPanelButtons a:hover {

font-family: Arial, Sans-serif;

color: #000000;

border-color: #ff0000;

background-color: #ffffff;

text-decoration: ;

}

/* MISC: TESTIMONIALS/REVIEWS TEXT */

.data {

font-family: Arial, Sans-serif;

color: #;

text-transform: ;

}

/* MISC: VIEW ALL LINKS */

.commonbox .viewall {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

}

/* MISC: SMALL PHOTO NAMES */

.commonbox .dr {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

background-color: #ffffff;

}

nah anda sudah melihat, diatas ini code-code friendster yang sebenarnya anda bisa edit dan ubah se “kepribadian” anda, caranya sederhana..

selanjutnya mendaftarlah di photobucket.com…caranya sederhana…masuk ke photobucket.com jadilah member ( join now ) dan miliki account pribadi…

setelah menjadi member di photobucket.com, maka upload pic anda , caranya klik my album-album&upload…lalu upload picture anda…lalu cari “direct link” picture anda…biasanya dalam format sebagai berikut http://i298.photobucket.com/albums/mm277/bhanutama/internazionalecracked.jpg

setelah itu kita masuk ke bagian yang mengasikan…yaitu mengubah layout anda sendiri…pertama copy code2 css diatas…kemudia paste di media anda (misalnya microsoft word),

terjemahan kode-kode itu adalah sebagai berikut (huruf hitam mewakili kode css, sedangkan warna hijau mewakili keterangannya) :

/* PAGE BACKGROUND */

Artinya segala sesuatu mengenai background anda

body {

background-image: url(http://i298.photobucket.com/albums/mm277/bhanutama/internazionalecracked.jpg);

“http://i298.photobucket.com/albums/mm277/bhanutama/internazionalecracked.jpg” diganti menjadi http:// direct link picture yang anda pilih yang anda tempatkan di photobucket.com (misalnya http://..........)

background-attachment: fixed;

background-position: center center;

background-repeat: no-repeat; no-repeat bisa diganti dengan repeat

background-color: #000000;#000000 adalah warna background anda, yang artinya hitam, warna ini bisa dirubah dengan patokan warna-warna di bawah halaman ini

cursor: url("http://www.123cursors.com/freecursors/7773.ani"),default;
}

/* GLOBAL FONTS */

Global fonts mewakili tulisan yang berada di kotak ini ….

.usercontent {color: #ffffff; }tanda # merupakan code warna, #ffffff; merupakan kode warna yang artinya putih, artinya tulisan global fonts pada layout tsb berwarna putih, anda bisa merubah warna tersebut dengan warna apapun yang anda suka ( lihat dibawah..deretan kode-kode warna, saya sudah menambahkan lebih lengkap dari warna yang ada di “….com”…),

/* GLOBAL LINKS */

Global links mewakili tulisan yang berada di kotak ini ….

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {

color: #ffffff;

} tanda #ffffff; merupakan kode warna yang artinya putih, anda bisa merubah warna tersebut dengan warna apapun yang anda suka

.usercontent a:hover {

color: #b3b3b3; warna bisa dirubah, nb: hover artinya warna yang menebeng di warna utama anda..( semacam blink-blink ketika cursor anda menyentuh global links, anda bisa tentukan warna anda

text-decoration: line-through;

}

/* MASTER BOXES */

Master boxes mewakili kotak ini….

.commonbox {

border-width: 6px; ketebalan pinggiran kotak, bisa dirubah

border-color: #ffffff;warna border , bisa dirubah

border-style: solid;

background-color: transparent; warna background , bisa dirubah

}

.commonbox .evenrow {

background-color: transparent; }

warna background evenrow, bisa dirubah, box evenrow mewakili kotak yang ada dibawah kotak masterboxes ini…

/* MASTER HEADERS */

Master header mewakili kotak-kotak ini,

.commonbox h1, {

color: #000000; warna, bisa dirubah

text-transform: uppercase;

background-color: #ffffff; warna, bisa dirubah

}

.commonbox h2 {

color: #000000; warna, bisa dirubah

text-transform: uppercase;

background-color: #ffffff; warna, bisa dirubah

}

/* CONTROL PANEL: BOX */

Control panel box mewakili kotak ini

.controlpanel {

border-width: 6px; ukuran, bisa dirubah

border-color: #ffffff; warna, bisa dirubah

border-style: solid;

background-color: transparent; warna, bisa dirubah

}

/* CONTROL PANEL: USER PHOTO */

Control panel user photo mewakili kotak ini

.controlpanel .imgblock200 {

border-color: #ffffff; warna, bisa dirubah

}

/* CONTROL PANEL: DATA */

Control panel data mewakili tulisan2 berikut :

.controlpanel .q {

color: #ffffff; warna, bisa dirubah

}

.controlpanel .data {

color: #b3b3b3; warna, bisa dirubah

}

.data a {

color: #b3b3b3; warna, bisa dirubah

text-decoration: ;

}

/* CONTROL PANEL: MORE ABOUT ME LINK */

Bagian ini mewakili tulisan more about me..

a.more {

color: #ffffff; warna, bisa dirubah

text-decoration: ;

}

/* CONTROL PANEL: BUTTONS */

Bagian ini mewakili

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {

font-family: Arial, Sans-serif;

color: #ffffff; warna, bisa dirubah

border-color: #ffffff; warna, bisa dirubah

background-color: transparent; warna, bisa dirubah

text-decoration: ;

}

#controlPanelButtons a:hover

Control panel button hover adalah “ bayangan blink-blink dari control panel button anda, anda bisa mengatur bagian ini…

{

font-family: Arial, Sans-serif;

color: #ffffff;

border-color: transparent; warna, bisa dirubah

background-color: #000000; warna, bisa dirubah

text-decoration: line-through;

/* MISC: TESTIMONIALS/REVIEWS TEXT */

Misc.testimonials mewakili jenis tulisan pada testimonial review…

.data {

font-family: Arial, Sans-serif;

color: #ffffff; ; warna, bisa dirubah

text-transform: ;

/* MISC: VIEW ALL LINKS */

Misc. view all links mewakili bagian ini pada view all links

.commonbox .viewall {

color: #ffffff; ; warna, bisa dirubah

/* MISC: SMALL PHOTOS */

Misc. small photos mewakili bagian photo kecil

.commonbox .imgblock75, .ir {

border-width: 6px; ukuran, bisa dirubah

border-color: #ffffff; warna, bisa dirubah

border-style: solid;

background-color: transparent; warna, bisa dirubah

}

/* MISC: SMALL PHOTO NAMES */

Misc.small photo names mewakili bbagian tulisan nama photo kecil

.commonbox .dr {

color: #ffffff;

background-color: transparent;

}

dibawah ini saya lamprkan code-code bahasa warna...)

000000	000033	000066	000099	0000CC	*0000FF*
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
*00FF00*	00FF33	00FF66	00FF99	00FFCC	*00FFFF*
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
*FF0000*	FF0033	FF0066	FF0099	FF00CC	*FF00FF*
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
*FFFF00*	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

nah ...sekarang anda bebas berkreasi bukan....

NAH, saya sudah janji memberitahukan anda cara membuat / mengganti theme layout friendster dengan cepat bukan...?caranya gampang...cari saja code layout (seperti yang diatas), anda bisa dapatkan di banyak tempat.., lalu pilih yang sesuai thema anda, misalnya themanya pink, jadi anda cari saja layout yang berwarna pink, lalu upload foto anda ke photobucket.com, nah setelah itu tinggal ganti deh pghoto backgroundnya (sesuai tutorial diatas ), dan jreng..jreng..jreng..jadi deh...presto ! layout friendster yang baru...he he selamat mencoba...!

tutorial frienster border photo +animasi keren

2008-06-22T04:00:00.000-07:00

tutorial friendster Photoborder animasi ...!

halooo ! ini dia , tutorial friendster animasi keren yang unik !, berikan bingkai pada foto kesayangan anda ...dan tidak hanya itu saja., ...berikan juga photo anda animasi keren seperti tanda valentine yang berjatuhan...! ya...anda tidak salah dengar....animasi ini adalah sesuatu yang ahrus anda miliki...!

KLIK disini untuk mendapatkan photoborder animasi ...!

photo decorator animasi...!

photo decorator animasi tidak jauh beda dengan photo border animasi diatas, hanya saja lebih lengkap textur dan animasianya...silakan mencoba, KLIK disini

TUTORIAL FRIENDSTER KUBUS AJAIB UNTUK PHOTO ....!

ini adalah inovasi seru...bayangkan foto anda dimasukan ke dalam sebauh kubus yang bisa anda gerakan sendiri..., unik sekali...

screen shotnya...

KLIK disini jika ingin mencobanya...

tutorial friendster kubus 3 dimensi 6 sisi !

ini dia the best of the best dari semua animasi yang ada....anda bisa menggabungkan 6 foto sekaligus dan membuat kubus yang berputar secara berkala dan menampilkan foto-foto anda tesebut...

KLIK disini jika ingin mencobanya....!

tutorial friendster tulisan animated pt 2

2008-06-22T02:51:00.000-07:00

tutorial friendster NEON TEXT !

akhirnya tutorial friendster text berjenis NEON ada juga....text anda akan terlihat seperti lampu neon yang dibentuk menyerupai huruf...ini screen shotnya...

jika anda menyukai text jenis ini...maka anda bisa mengkliknya disini, KLIK disini

tutorial friendster WAVE TEXT !

wave text memberikan sensasi tulisan yang bergelombang seperti ombak ( wave ), ini screen shotnya... (aslinya lebih dahsyat...!)

bagi anda yang tertarik, KLIK disini untuk mendapatkan text bergelombang anda...!

tutorial friendster tulisan animated

2008-06-21T23:11:00.000-07:00

text merah berjalan !

ingin tulisan berjalan seperti di mall mall nampang pada layout fs anda ?...

he he

nah, anda bisa memperolehnya disini...KLIK DISINI

setelah itu generate codenya...dan copy code tersebut lalu paste ke add media anda yang terletak di edit profil-customize anda...

tapi hati-hati...karena applikasinya agak berat, jadi sering mengganggu loading page layout anda...!

lalu jika anda tertarik dengan tulisan seperti ini...text putih berjalan...!

KLIK disini

setelah itu generate codenya...dan copy code tersebut lalu paste ke add media anda yang terletak di edit profil-customize anda...

ada satu hal lagi text unik yang bisa anda dapatkan...

text yang satu ini lebih kaya variasi...karena dia bisa bergerak dari kiri, kanan, atas atau bawah...

bentuknya seperti ini..

kalo anda tertarik...KLIK disini..
setelah itu generate codenya...dan copy code tersebut lalu paste ke add media anda yang terletak di edit profil-customize anda...

oya,...satu lagi, satu lagi kelemahan generator text unik ini adalah anda tidak bisa merubah warna background tulisan tersebut ( tetap hitaaammmm)...hmm, tapi lewat utak atik kode HTML nya yang anda copy paste, anda bisa melakukan perubahan background colournya...

yaitu, cari di...:bgcolor='#000000' kode # atrinya warna , dan #000000 artinya warna hitam, nah anda bisa merubahnya sesuka anda...(dibawah ini saya lamprkan code-code bahasa warna...)

000000	000033	000066	000099	0000CC	*0000FF*
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
*00FF00*	00FF33	00FF66	00FF99	00FFCC	*00FFFF*
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
*FF0000*	FF0033	FF0066	FF0099	FF00CC	*FF00FF*
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
*FFFF00*	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

nah ...sekarang anda bebas berkreasi bukan....

hmm, oya , asaya ingat satu lagi...sesuatu yang tidak bisa anda lakukan pada generator namun bisa anad tentukan pada code HTML adalah ukuran box tulisan tersebut....cari saja pada tulisan:

width='468' height='60'

nah, anda bisa rubah itu sesuaka anda..., ukuran width artinya lebar, dan height artinya tinggi...

ciao..!

TEXT LCD WARNA-WARNI....

pernahkah anda melihat papan iklan electronik di pinggir lapangan sepakbola eropa ? , tulisan yang muncul pada papan tersebut terlihat "berjalan" dan memiliki corak warna yang berubah-ubah seperti pelangi...cukup unik dan menarik...anda juga bisa membuatnya..ini screen shot dari saya...
nah anda bisa mendapatkanya dengan mengkliknya disini....KLIK

setelah itu generate codenya...dan copy code tersebut lalu paste ke add media anda yang terletak di edit profil-customize anda...

8 animasi text yang luar biasa....

sekarang sambut saja 8 animasi text yang luar biasa ini...yang anda bisa utak atik sesuka anda...

ini screen shotnya...(aslinya lebih dahsyat...he he )

ada 8 macam animasi yang menanti anda...

klik disini untuk mengetahuinya....KLIK disini

membuat animasi anda sendiri...!

2008-06-21T22:32:00.000-07:00

animasi flash yang unik yang dengan mudah anda buat dalam hitungan menit, cukup corat coretkan kata atau gambar yang anda inginkan, lalu generate code nya...trus copy code tersebut dan paste di add media anda di customized profil anda....

KLIK DISINI jika menginginkan generator text animasi

meng-hack...tulisan hak cipta....

btw, animasi ini merupakan favourit saya...semua yang disediakan disana sudah lengkap tinggal baik-baiknya kita aja yang memanage hasilnya agar maksimal dan unik....

namun walaupun generator tersebut sudah lengkap...tahukah anda ?ada hal yang tidak bisa dilakukan oleh generator tersebut namun bisa dilakukan dengan modifikasi code HTML....he he

sebenarnya hal ini ga boleh dilakukan karena melanggar hak cipta...he he, tapi buat sekedar info bolehlah... he he, hmm,

yang pertama , setelah anda mengcopy-paste code-code tersebut di add media profile anda, anda akan bisa melihat hasilnya di layout my profile anda bukan ?, hmm, nah coba deh liat pada bagian bawah namimasi tersebut...pasti ada "label" nak ciptanya yaitu friensterforum.com", nah sebenarnya tulisan ini pun anda bisa rubah....he he

caranya, masuklah ke customized profil anda sekali lagi.., lalu liat code HTML animasi ini di add media anda,

nah selanjutnya , teliti kalimat-kalimat HTML nya ( pada bagian terakhir ) dan anda akan menemukan kata:

"http: href=www.FriendsterForum.com />friendsterforum.com

pada tulisan berwarna merah tersebutlah "pesan sponsor" tersebut sebenarnya terletak, selanjutnya mudah saja ,kita bisa menggantinya dengan alamat situs atau weblog milik kita...he he lumayan itung-itung sekalian promosi..he he ...

ciao...!

HURUF BLINK BLINK

2008-06-20T06:53:00.000-07:00

text message , blink-blink is allways attracting people,

KLIK HERE to get the tutorial friendster of how make animated text BLINK-BLINK ...

chose your own style ... and paste in your add media (your customize profile )….

2. notice your HTML code, ........whatch becarefully word: "message",.... on sentence after "message=....is the part of your text , am i right?"...

let say, if you want to make text : "inter milan"..then the HTML code should be look like : .....bla...bla..bla..."message=inter%20milan"& bla bla bla....,

if one day you want to change your words on that text , then all you have to do is one of simple thing, is by change in the part of :"message=......" , with rules like this:.....

Ø code “spasi” is : %20

Ø code “-“ is : %2D

Ø code “.” is : %2E

Ø code”enter” is : 0D

so if you want to make words : DAVID BECKHAM.COM then write on there : DAVID%20BECKHAM%2ECOM etc…

3. now if you want to change the : “ lib ” , (just find word "lib" in your HTML code...) "lib"is the type of font you can use…remember ..you can chose the type of font by changing the lib with lib1 or lib2 and so on…there is 20 kind of lib that you can chose…(see type of lib below )

4. then, some of important one is the type of skin of your text, …skin can changed on "gliter", just try to see carefully on your HTML code, here you can changing your gliter to gliter1, gliter2 etc......there are 84 kind of gliter

5.next is the "font size" its mean you can chose the size of font

6.after that, all you have to do is save your text and review your text..and taraaaa...you have a bllink-blink text..!

the kind of GLITER

gliter1

gliter2

gliter3

gliter4

gliter5

gliter6

gliter 7

gliter8
gliter9

gliter10

gliter11

gliter12
gliter13
gliter14
gliter15
gliter16
gliter17
gliter21

huruf pesan yang unik, blink-blink selalu menarik perhatian,

KLIK disini jika anda ingin memilikinya...

tentukan sendiri bentuk dan corak gliter anda... dan paste di add media anda (customize profile anda)….

2. Perhatikan kode HTML anda, ........perhatikan bagian kata "message",.... pada kalimat setelah "message=....adalah bagian tempat tulisan anda bukan?"...

anggap saja anda membuat kata "inter milan"..maka pasti HTML nya berbunyi .....bla...bla..bla..."message=inter%20milan"& bla bla bla....,

jika suatu saat nanti anda ingin merubah kata-kata yang anda pakai sebagai text kerlap-kerlip tersebut, maka anda cukup melakukan perubahan kata pada bagian yang saya sebutkan tadi, yaitu pada bagian "message=......" , dengan aturan sebagai berikut.....

Ø code “spasi” adalah : %20

Ø code “-“ adalah : %2D

Ø code “.” adalah : %2E

Ø code”enter” adalah : 0D

jadi jika anda ingin membuat tulisan DAVID BECKHAM.COM maka tulis disana DAVID%20BECKHAM%2ECOM dan seterusnya…

kemudian anda juga bisa merubah rubah jenis “ lib ” nya, (cari-cari saja kata"lib" di kode HTML anda tersebut...) "lib"merupakan jenis font atau huruf yang akan digunakan…anda bisa menentukan jenis huruf yang digunakan dengan mengganti lib dengan lib1 atau lib2 dst…terdapat 20 lib yang bisa anda pilih…( lihat contoh lib di bagian bawah article ini )

4.selanjutnya yang tak kalah pentingnya adalah, pilihan jenis skin, atau “kulit” tulisan anda, …skin bisa dirubah pada bagian "gliter", coba deh lihat secara teliti pada kode HTML anda tersebut, disini anda bisa merubah kode gliter anda menjadi gliter1, gliter2 dsb......ada 84 jenis yang tersedia (contoh “gliter” ada pada bagian bawah article ini )

5.selanjutnya anda bisa mengatur "font size" nya…yaitu ukuran huruf anda,

6.berikutnya anda bisa memodif background colour anda…pada tanda #ffffff menandakan “warna putih”…anda bisa merubah warna background anda menjadi warna lain , misalnya #000000 untuk warna hitam, lebih bagus jika anda mencari kode-kode warna itu di software grafis seperti photoshop ..

7.setelah itu anda tinggal mencocokan kreasi anda dengan menekan save..dan tinggal lihat hasilnya di bagian bawah my profile anda !

JENIS-JENIS (WARNA & CORAK ) GLITER

gliter1

gliter2

gliter3

gliter4

gliter5

gliter6

gliter 7

gliter8
gliter9

gliter10

gliter11

gliter12
gliter13
gliter14
gliter15
gliter16
gliter17
gliter21

Tutorial Membuat Text Menari

2008-06-20T06:36:00.000-07:00

TEXT MENARI

Mau membuat text yang menari di layout anda ?...

klik DISINI...

2.kemudian anda akan disuruh memasukan kata yang anda sukai...lalu masukan effect yang anda pilih...yaitu effect masuk dan keluar...lalu generate code nya...

3. copy paste di add media anda...dan jreeng..lihat di profil anda !

Tutorial HTML..

sebenarnya, anda bisa membuat sendiri tulisan seperti itu bahkan dari profil frienster anda sendiri..., bagi yang belum akrab dengan HTML, code yang anda copy paste itu bisa anda "modifikasi"sendiri untuk menyesuaikan selera anda...caranya mudah..

code HTML pada dance text terbagi menjadi 3 bagian penting (yang lain penting sih..tapi ndak begitu ngaruh...),

1. pertama, bagian " text "(atau bagian yang akan muncul sebagai text menari anda) ...bagian itu terletak pada (lihat code HTML yang baru anda copy paste)

...bla..bla..bla.."linkTYPE=link&txt=Sample%20text&backColor=16777215...." bla..bla...bla...,

nah perhatikan huruf merah diatas, itulah huruf-huruf yang bisa anda rubah...ingat huruf-huruf tersebut terletak pada kalimat "linkTYPE=link&txt=.....", huruf %20 menandakan "spasi" pada bahasa HTML, jadi tulisan "sample%20text" akan dibaca sebagai "sample text"...

lalu bagaimana jika ingin membuat david-beckham.com?...caranya mudah, anda tinggal mengetahui peraturan HTML dibawah ini...

Ø code “spasi” adalah : %20

Ø code “-“ adalah : %2D

Ø code “.” adalah : %2E

Ø code”enter” adalah : 0D

misalnya anda ingin membuat kata “ david-beckham.com” maka ketik "david%2dbeckham%2ecom"

3. setelah itu anda bisa memilih efect in (effect 1) dan effect out (effect 2) tulisan tersebut, berada pada kalimat HTML

"bla...bla..bla..Alpha=100&effect1=4&effect2=5...bla... bla...bla.."

contoh : tulisan berwarna pink diatas menerangkan :
effect1=4 , berarti effect1 (effect masuk) =4 (effect drop in, lihat tabel effect dibawah...),
effect2=5, berart effect2 (effect keluar)=5 ( effect random drop in )

nah, anda bisa merubah code ini dengan mengganti effect masing-masing yang anda suka...

tabel effect :

typewriter
zoom in
zoom out
blur in
drop in
random drop in
rorate built in
slide in
hamer down
hamer stick down
rorate in
fade in
spiral in
random

selanjutnya anda bisa merubah ukuran kotak tulisan, dengan merubah ukuran pada huruf biru… width="400" height="69",

coba saja satu persatu…yang mana yang anda pikir cocok, karena semua pilihannya unik..

Ingin membuat layout friendster yang “kamu banget”?

2008-06-20T04:56:00.000-07:00

Ingin membuat layout friendster yang “kamu banget”?

bacalah tutorial dibawah ini yang sudah saya buat, bacalah dengan seksama…tutorial ini sebenarnya sangat sederhana, jika anda memahami dengan baik..maka anda akan mudah membuat layout-layout friendster sesuka anda….
untuk memudahkan pengeditan, copypaste code css ini di media anda ( boleh , microsoft word, dreamweaver,atau notepad…)

ida bagus gede sasra bhanutama

/* http://www.tutorial-friendster.blogspot.com */

/* PAGE BACKGROUND */

body {

background-image: url(http://i298.photobucket.com/albums/mm277/bhanutama/internazionalecracked.jpg);

background-attachment: fixed;

background-position: center center;

background-repeat: no-repeat;

background-color: #000000;

cursor: ;

}

/* GLOBAL FONTS */

.usercontent {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ffffff;

}

/* GLOBAL LINKS */

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {

color: #ff0033;

}

.usercontent a:hover {

color: #cc0033;

}

/* MASTER BOXES */

.commonbox {

background-color: #ffffff;

background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/06/hk-big/hk-big.gif);

}

.commonbox .evenrow {

background-color: transparent;

}

/* MASTER HEADERS */

.commonbox h1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

background-color: #ffffff;

}

.commonbox h2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

background-color: #ffffff;

}

/* CONTROL PANEL: BOX */

.controlpanel {

border-width: 1px;

border-style: solid;

background-color: transparent;

}

/* CONTROL PANEL: USER PHOTO */

.controlpanel .imgblock200 {

border-color: #ff0000;

}

/* CONTROL PANEL: DATA */

.controlpanel .q {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}

.controlpanel .data {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

}

.data a {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

text-decoration: ;

}

/* CONTROL PANEL: MORE ABOUT ME LINK */

a.more {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

text-decoration: ;

}

/* CONTROL PANEL: BUTTONS */

background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/06/hk-big/hk-big.gif);

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {

font-family: Arial, Sans-serif;

color: #ff0000;

border-color: #000000;

background-color: #ffffff;

text-decoration: ;

}

#controlPanelButtons a:hover {

font-family: Arial, Sans-serif;

color: #000000;

border-color: #ff0000;

background-color: #ffffff;

text-decoration: ;

}

/* MISC: TESTIMONIALS/REVIEWS TEXT */

.data {

font-family: Arial, Sans-serif;

color: #;

text-transform: ;

}

/* MISC: VIEW ALL LINKS */

.commonbox .viewall {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

}

/* MISC: SMALL PHOTO NAMES */

.commonbox .dr {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ff0000;

background-color: #ffffff;

}

nah anda sudah melihat, diatas ini code-code css friendster yang sebenarnya anda bisa edit

dan ubah sesuai “kepribadian” anda, caranya sederhana..

pertama tentukan theme (tema) anda terlebih dahulu,(misalnya klub sepakbola intermilan, warna dominan biru hitam), kemudian tentukan picture yang akan menjadi latar belakang anda……

selanjutnya mendaftarlah di photobucket.com…caranya sederhana…masuk ke photobucket.com jadilah member ( join now ) dan miliki account pribadi…

setelah itu kita masuk ke bagian yang mengasikan…yaitu mengubah layout anda sendiri…pertama copy code2 css diatas…kemudia paste di media anda (misalnya microsoft word),

terjemahan kode-kode itu adalah sebagai berikut (huruf hitam mewakili kode css, sedangkan warna hijau mewakili keterangannya) :

/* PAGE BACKGROUND */

Artinya segala sesuatu mengenai background anda

body {

background-image: url(http://i298.photobucket.com/albums/mm277/bhanutama/internazionalecracked.jpg);

background-attachment: fixed;

background-position: center center;

background-repeat: no-repeat; no-repeat bisa diganti dengan repeat

background-color: #000000;#000000 adalah warna background anda, yang artinya hitam, warna ini bisa dirubah dengan patokan warna-warna di bawah halaman ini

cursor: url("http://www.123cursors.com/freecursors/7773.ani"),default;
}

/* GLOBAL FONTS */

Global fonts mewakili tulisan yang berada di kotak ini ….

/* GLOBAL LINKS */

Global links mewakili tulisan yang berada di kotak ini ….

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {

color: #ffffff;

} tanda #ffffff; merupakan kode warna yang artinya putih, anda bisa merubah warna tersebut dengan warna apapun yang anda suka

.usercontent a:hover {

color: #b3b3b3; warna bisa dirubah, nb: hover artinya warna yang menebeng di warna utama anda..( semacam blink-blink ketika cursor anda menyentuh global links, anda bisa tentukan warna anda

text-decoration: line-through;

}

/* MASTER BOXES */

Master boxes mewakili kotak ini….

.commonbox {

border-width: 6px; ketebalan pinggiran kotak, bisa dirubah

border-color: #ffffff;warna border , bisa dirubah

border-style: solid;

background-color: transparent; warna background , bisa dirubah

}

.commonbox .evenrow {

background-color: transparent; }

warna background evenrow, bisa dirubah, box evenrow mewakili kotak yang ada dibawah kotak masterboxes ini…

/* MASTER HEADERS */

Master header mewakili kotak-kotak ini,

.commonbox h1, {

color: #000000; warna, bisa dirubah

text-transform: uppercase;

background-color: #ffffff; warna, bisa dirubah

}

.commonbox h2 {

color: #000000; warna, bisa dirubah

text-transform: uppercase;

background-color: #ffffff; warna, bisa dirubah

}

/* CONTROL PANEL: BOX */

Control panel box mewakili kotak ini

.controlpanel {

border-width: 6px; ukuran, bisa dirubah

border-color: #ffffff; warna, bisa dirubah

border-style: solid;

background-color: transparent; warna, bisa dirubah

}

/* CONTROL PANEL: USER PHOTO */

Control panel user photo mewakili kotak ini

.controlpanel .imgblock200 {

border-color: #ffffff; warna, bisa dirubah

}

/* CONTROL PANEL: DATA */

Control panel data mewakili tulisan2 berikut :

.controlpanel .q {

color: #ffffff; warna, bisa dirubah

}

.controlpanel .data {

color: #b3b3b3; warna, bisa dirubah

}

.data a {

color: #b3b3b3; warna, bisa dirubah

text-decoration: ;

}

/* CONTROL PANEL: MORE ABOUT ME LINK */

Bagian ini mewakili tulisan more about me..

a.more {

color: #ffffff; warna, bisa dirubah

text-decoration: ;

}

/* CONTROL PANEL: BUTTONS */

Bagian ini mewakili

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {

font-family: Arial, Sans-serif;

color: #ffffff; warna, bisa dirubah

border-color: #ffffff; warna, bisa dirubah

background-color: transparent; warna, bisa dirubah

text-decoration: ;

}

#controlPanelButtons a:hover

Control panel button hover adalah “ bayangan blink-blink dari control panel button anda, anda bisa mengatur bagian ini…

{

font-family: Arial, Sans-serif;

color: #ffffff;

border-color: transparent; warna, bisa dirubah

background-color: #000000; warna, bisa dirubah

text-decoration: line-through;

/* MISC: TESTIMONIALS/REVIEWS TEXT */

Misc.testimonials mewakili jenis tulisan pada testimonial review…

.data {

font-family: Arial, Sans-serif;

color: #ffffff; ; warna, bisa dirubah

text-transform: ;

/* MISC: VIEW ALL LINKS */

Misc. view all links mewakili bagian ini pada view all links

.commonbox .viewall {

color: #ffffff; ; warna, bisa dirubah

/* MISC: SMALL PHOTOS */

Misc. small photos mewakili bagian photo kecil

.commonbox .imgblock75, .ir {

border-width: 6px; ukuran, bisa dirubah

border-color: #ffffff; warna, bisa dirubah

border-style: solid;

background-color: transparent; warna, bisa dirubah

}

/* MISC: SMALL PHOTO NAMES */

Misc.small photo names mewakili bbagian tulisan nama photo kecil

.commonbox .dr {

color: #ffffff;

background-color: transparent;

}