Banyak org yang SUKA tampil beda….. Nah wabah ini kemudian masuk ke dalam pengubahan profil Friendster agar tidak sama dengan orang lain……
orang kemudian berfikir bagaimana mengubah profil agar tidak mirip dengan orang lain…..
inilah yang disebut OVERLAYOUT (kayaknya)
sy akan mengajar sedikit tentang pembuatan overlayout friendster berhubung ilmu ini diAJARKAN oleh teman sy jg jd kita sama2 belajar…..
untuk mengubah profil friendster ato FS anda kt bs menggunakan bahasa program langsung ato cukup dengan mencari link2 overlay out di google……
sekrg yg sy sampaikan adlh dgn sistem bahasa program JAVA SCRIPT ato biasa disebut JS……

contohnya bisa anda liat pada klik disini

(MOHON MAAF bila profil ini agak mirip dengan seseorang krn jujur source ini sy ambil dr orang lain yg diberikan oleh teman tp sourcenya agak kacau tp alhamdulillah berhasil sy perbaiki sedikit)

langkah awal yang sy lakukan adalah register di RIPWAY klik disini

RIPWAY disini sebagai wadah dari bahasa program kita,disini kt menyimpan bahasa program yang kita buat untuk mengubah profil friendster kita. jd nanti FS kita akan mengelink ke RIPWAY.

setelah itu log in ke RIPWAY anda……
dan klik Click here to view your files
setelah itu buat text baru dengan mengklik Create Text File

isi file name sesuka anda akhiri dengan ( .css ) cth ( xxxxxx.css)
lalu isi kolom kosong seperti dibawah ini

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

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

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

/* michael’s friendster profile editor v4.1 */
/* http://www.editfriendster.com */

/* PAGE BACKGROUND */
body {
background-image: url( DISINI anda bisa memasukkan gambar back GROUND anda !!!!);
background-attachment: fixed;
background-position: center center;
background-color: transparent;
cursor: url(“http://www.myspacecursor.net/rocketglitter/6.ani”),default;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Georgia, Arial, Times, serif;
color: #666666;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: overline;
color: #cc3300;
}
.usercontent a:hover {
text-decoration: overline;
color: #b3b3b3;
}
/* MASTER BOXES */
.commonbox {
border-width: 3px;
border-color: #999999;
border-style: outset;
background-color: transparent;
}
.commonbox .evenrow {
background-color: #808080;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Georgia, Times New Roman, Times, serif;
color: #000000;
text-transform: capitalize;
background-image: url(http://img27.picoodle.com/data/img27/3/9/21/f_untitledm_4a82242.jpg);
background-color: #ffffff
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 4px;
border-color: #cc3300;
border-style: outset;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #cc0000;
border-style: outset;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: Georgia, Times New Roman, Times, serif;
color: #cc3333;
text-transform: capitalize;
}
.controlpanel .data {
font-family: Georgia, Times New Roman, Times, serif;
color: #cc3333;
text-transform: capitalize;
}
.data a {
font-family: Georgia, Times New Roman, Times, serif;
color: #808080;
text-transform: capitalize;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
font-family: Georgia, Times New Roman, Times, serif;
color: #808080;
text-transform: capitalize;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #cc3300;
border-color: #cccccc;
border-style: outset;
background-color: #cccccc;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: #cc3300;
border-color: #cccccc;
background-color: #000000;
text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 4px;
border-color: #cc0000;
border-style: outset;
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 4px;
border-color: #b3b3b3;
border-style: inset;
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 4px;
border-color: #cccccc;
border-style: inset;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 4px;
border-color: #cccccc;
border-style: inset;
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
border-width: 4px;
border-color: #cc0000;
border-style: outset;
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 4px;
border-color: #808080;
border-style: inset;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 4px;
border-color: #808080;
border-style: inset;
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 4px;
border-color: #cccccc;
border-style: inset;
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
border-width: 4px;
border-color: #e5e5e5;
border-style: inset;
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
border-width: 4px;
border-color: #4d4d4d;
border-style: inset;
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 4px;
border-color: #cc0000;
border-style: outset;
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 4px;
border-color: #cc0000;
border-style: outset;
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 4px;
border-color: #cccccc;
border-style: inset;
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
font-family: Georgia, Times New Roman, Times, serif;
color: #cc3300;
text-transform: capitalize;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 5px;
border-color: #999999;
border-style: outset;
background-color: #cc3333;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
font-family: Georgia, Times New Roman, Times, serif;
color: #b3b3b3;
text-transform: uppercase;
background-color: #b3b3b3;
}

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

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

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

/* Hide Navigation Language */
#navLang { display: none ! important }

/* Hide the arrows in your mainnav dropdown links */
#mainnav .mainfoldericon {display:none!important;}

/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}

/* Hide Google Search */
#search form { display : none !important; }

/* Hide Friendster Classifieds */
#marketing {display:none!important;}

/* Hide sidebar google ads*/
#content_14 {display:none!important;}

/* Hide Messages | Setting | Help | Log out*/
#subnav {display:none!important;}

/* Hide How you are connected box */
#content_15 {display:none!important;}

/* Hide the Home | My Profile | My Connections*/
#mainnav {display:none!important;}

/* Hide the whole top navigation */
#navigation {display:none!important;}

/* Hide the surfer */
#surfer {display:none!important;}

/* Hide hide the divider */
#navdivider {display:none!important;}

/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* Media Box */
.scrapbook {display:none!important;}

#mainpic img {
height: 75px;
width: 65px;
border: 2px #ff0000 solid;
}

/*Transparent Shoutout*/

{transparent shoutout}
.controlpanel .so { margin: 0 -20px 10px 0; width: 257px; position: relative; background:url() repeat-y top left; color: #ffffff; font-weight: bold; }
.controlpanel .so a { color: #ffffff; }
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox { padding: 7px 7px 5px 7px; margin: 0; }
.controlpanel .so div#cpShoutoutEditBox { display: none; }
.controlpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:url() no-repeat; }
.controlpanel .sob { width: 257px; height: 2px; background:url() no-repeat; line-height: 0; font-size: 0; }

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
font-size: 12px;
color: #ffffff;
background-color: transparent;
background-image: url();
background-position: bottom right;
background-repeat: no-repeat;
border-style: solid;
border-color: #b80e0e;
border-width: 1px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: tahoma;
font-size: 12px!important;
color: #ffffff!important;
}
.user_tracker a:hover {
font-family:tahoma;
font-size: 12px!important;
color: #ffffff!important;
}

.dock {
position: relative;
height: 50px;
text-align: center;

z-index:250002;
}
.dock-container {
position: absolute;
height: 50px;
background: url(images/dock-bg2.gif);
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #fff;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}

#fcontainer *{padding:0px; margin:0px; font-size:9px}

.thumbnaildelete{display:none}

#fcontainer{text-align:center; height:400px}
#fcontainer .flogriditem{width:80px; overflow:hidden; margin:4px; height:150px}

.inlinelt{position:relative; left:-2px; top:1px}

.flo50 .ic .imgblock a img{height:80px}

.flo50 .ic .imgblock{height:80px; width:80px; overflow:hidden; background:transparent; border:1px #F8F8FF ridge; text-align:center}

.commonbox {
position: relative;
left: 160px!important;
overflow: hidden;
width: 490px;
}

.ltd .commonbox{
position: relative!important;
left: 160px!important;
width: 490px!important;
}

SETELAH itu SAVE………….

tunggu LANJUTANNYA yah ilmux segini aja dulu kl bisa dipelajariiiiii…..

ini tutorial utk CSS dulu kl ada waktu dan kesempatan insya ALLAH sy lanjutkan JS dan ling oke

About hatta16

Dari kecil sy beragama ISLAM Sy haxlah org yg rindu dgn kesejukan air,hangatx matahari,n keindahan pd malam hari..... org yg rindu akn kesederhanaan org yg rindu dgn kesabaran org yg rindu akn kasih sayang org yg rindu akn KEMATIAN yg baik https://hatta16.wordpress.com/

One response »

  1. ahmad al sinjie mengatakan:

    dulu saya pernah coba
    tapi selain bikin repot dan beratin….
    saya jg agak malas utak atik friendster.,…

    ndak tau kenapa…..

    hatta menjawab : emang sih bikin berat2 profil kt kl dibuka….. kan kt perlu loading 2 kali…. pertama utk fsx ke dua utk overlayoutx stp semua tergntung tiap2 individu…. krn kykx bnyk yg ingin tampil beda hehehehehehehe🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s