<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d3225853982274805715\x26blogName\x3dTrick+Modifikasi+Friendster\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://friendstermod.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://friendstermod.blogspot.com/\x26vt\x3d7734727760012780909', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
FriendsterMod Free friendster layoutKumpulan Layout friendster tutorial, themes, skin, graphic, juga cewek cantik di friendster.
Powered by  MyPagerank.Net

Advertisements
Google



Add to Google Reader or Homepage
Add to My AOL

web counter



Lihat Hits



Met Datang di FriendsterMod - Friendster Layout ??
Tutorial Layout Friendster tweaking profile FS
Welcome to Friendstermod. place where you can find Free Friendster Layout, skin, themes, you can download that layout for free and use it at your friendster profile. Layouts are well designed and optimized under friendster CSS code. Download free skins or request your own friendster layout themes.
Subscribe with Friendstermod (New)
Ingin berlangganan Free friendster layout lewat email?Tidak hanya friendster layout buatan Friendstermod, tapi juga seluruh artikel dan posting blog tentang tips trik Friendster juga akan langsung terupdate dengan cepat lewat email kamu. Silahkan Masukkan Email


2000 orang lebih para Friendsterholic telah berlangganan layout, tips dan trik Friendster dari FriendsterMod. Ayo buruan gabung sekarang juga.
Preview | Powered by FeedBlitz

Tuesday, June 10, 2008
Object Dock Vista Friendster Layout

Pingin punya Friendster Layout keren model kaya' windows Vista yang serba transparant di pinggirnya. Umumnya sih dibilang Aero Style, Object Dock style, ya atau sebut saja Vista Friendster Layout. Keren banget loh. Lihat aja contohnya di bawah ini

Friendster layout profile FS lay out

Lihat contohnya di Frindster Profile nya nih orang:
http://profiles.friendster.com/cip6192

Keren bukan? Nah loe, gimana cara buat friendster layout keren seperti di atas? Jika kamu pernah belajar cara buat layout Friendster sendiri, dan sudah pernah mempraktekan penggunaan JavaScript dan CSS Linker. Nah, tutorial cara buat layout friendster ala Windows Vista ini pun dijamin mudah. Berikut tutorial pembuatan Vista Friendster lay out/skin dengan style yang glossy, dan sedikit transparan di pinggirnya.

Trik dan Tips Friendster ini berjalan pada browser Mozilla FireFox dan IE6 (Internet Explorer) versi 6 up. IE 7 juga.

Requirements:
- Navigation Profile FS harus enable / tidak disembunyikan. Atau tidak sedang menggunakan Navigation Gide code
- navLang id juga harus ada.
- Siapkan sebuah banner untuk bagian top/atas profile kamu. Atau jika gak punya kamu bisa pakai frame, video, mp3, dll. Atau kalu bingung ya cukup masukkan tag [<]br[>] saja (hilangkan tanda [] nya).
- begitupun id flo_wrapper dan flo1t id juga harus di-enable (not hide). Semua tag id lihat di friendster css code mu (layout css)

Langkah Pertama
Copy-paste / tambahkan kode di bawah ini dalam file CSS kamu.

#mainnav {visibility:hidden;height:1px!important;}
#mainnav ul li#homelink {display:none;}
#mainnav ul li#profilelink {display:none;}
#mainnav ul li#connectionslink {display:none;}
#mainnav ul li#explorelink {display:none;}
#mainnav ul li#searchlink {display:none;}
#mainnav ul li a{display:none;}
#mainnav ul li ul {display:none;}
#mainnav ul li ul li a {display:none;}
#mainnav .secondary_links {height:1px!important;}
#mainnav .secondary_links a {display:none;}

/* Object Dock style main navigation css properties */
/* this is the CSS for the menu that you will need. */
#menu_holder {
height: 58px;
width: 100%;
display: block;
position: absolute;
top:-60px;
} 
#hit_area {
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
    background:none;
}
#hit_area2 {
    width: 100%;
        height: auto;
    background:none;
    padding: 0px;
    display: block;
    margin: 0px;
}
div#nav {
    height: 58px;
    width: 842px;
    margin: 0px;
    padding: 0px;
    background-image: url(http://h1.ripway.com/cip619/dizzlerlayoutfiles/rightce6.png);
    background-repeat: no-repeat;
    background-position: top right;
        background-color: transparent;
}
div#nav ul {
    margin: 0px;
    padding: 0px 0px 0px 21px;
    height: 58px;
    list-style-type: none;
    background-image: url(http://h1.ripway.com/cip619/dizzlerlayoutfiles/leftgi2.png);
    background-repeat: no-repeat;
        background-color: transparent;
}
div#nav li{
margin: 0px;
padding: 0px;
float:left;
width: 100px;
}
div#nav li a {
background-color:transparent;
background-image: url(http://h1.ripway.com/cip619/dizzlerlayoutfiles/middlebt2.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center; 
    height: auto!important;
        display: block;
    width: 100%;
    line-height: auto;
}
div#nav li a:hover{
    text-decoration: none;
    -moz-outline:0;
    color: #4DBD33;
background-color:transparent;
background-image: url(http://h1.ripway.com/cip619/dizzlerlayoutfiles/rolloverve1.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center; 
}

* {padding:0; margin:0}
.dropdown {
float:left;
}
.dropdown dt {
font-family: Arial!important;
font-weight: bold!important;
font-size: 8pt!important;
color: #ffffff!important;
width:100%;
float:right;
border: 1px solid #ffffff;
border:none;
cursor:pointer;
background-color:transparent;
}
.dropdown dt:hover {
background-color:transparent;
}
.dropdown dd {
position:absolute;
top:75px;
margin-left:-20px;
overflow:hidden; 
width:auto; 
display:none; 
z-index:200;
background-color: transparent;
opacity:0
}
.dropdown ul {
width:105px; 
border:none; 
list-style:none; 
border-top:none;
background:none!important;
}
.dropdown li {
display:inline;
height:auto;
}
.dropdown a, .dropdown a:active, .dropdown a:visited {
background-color: transparent!important; 
display:block;
padding:0px;
text-decoration:none;
font-family: Arial!important;
font-weight: bold!important;
font-size: 8pt!important;
color: #ffffff!important;
height:15px!important;
width:100px;
line-height: 15px!important;
}
.dropdown a:hover {
background-color:#ffffff!important;
font-family: Arial!important;
font-weight: bold!important;
font-size: 8pt!important;
color: #333333!important;
}
.dropdown .underline {
border: 1px solid #ffffff;
background: none!important;
}

Langkah kedua:
copy-paste kode di bawah ini pada bagian file JavaScript kamu (JS extension file)

///////////////////////start dock code///////////////////////
var down = false;
function toggleDown() {
        if(down==false){
        down=true;
        t1 = new Tween(document.getElementById('menu_holder').style, 'top', Tween.strongEaseOut, -70, 0, .4, 'px');
        t1.start();
        }
}
function toggleUp() {
        if(down==true){
        down=false;
        t1 = new Tween(document.getElementById('menu_holder').style, 'top', Tween.strongEaseIn, 0, -70, .6, 'px');
        t1.start();
}
}
/**********************************************************************
TERMS OF USE - EASING EQUATIONS
Open source under the BSD License.
Copyright (c) 2001 Robert Penner
JavaScript version copyright (C) 2006 by Philippe Maegerman
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:

   * Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
   * Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the
distribution.
   * Neither the name of the author nor the names of contributors may
be used to endorse or promote products derived from this software
without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

*****************************************/
function Delegate() {}
Delegate.create = function (o, f) {
    var a = new Array() ;
    var l = arguments.length ;
    for(var i = 2 ; i < l ; i++) a[i - 2] = arguments[i] ;
    return function() {
        var aP = [].concat(arguments, a) ;
        f.apply(o, aP);
    }
}

Tween = function(obj, prop, func, begin, finish, duration, suffixe){
    this.init(obj, prop, func, begin, finish, duration, suffixe)
}
var t = Tween.prototype;

t.obj = new Object();
t.prop='';
t.func = function (t, b, c, d) { return c*t/d + b; };
t.begin = 0;
t.change = 0;
t.prevTime = 0;
t.prevPos = 0;
t.looping = false;
t._duration = 0;
t._time = 0;
t._pos = 0;
t._position = 0;
t._startTime = 0;
t._finish = 0;
t.name = '';
t.suffixe = '';
t._listeners = new Array();    
t.setTime = function(t){
    this.prevTime = this._time;
    if (t > this.getDuration()) {
        if (this.looping) {
            this.rewind (t - this._duration);
            this.update();
            this.broadcastMessage('onMotionLooped',{target:this,type:'onMotionLooped'});
        } else {
            this._time = this._duration;
            this.update();
            this.stop();
            this.broadcastMessage('onMotionFinished',{target:this,type:'onMotionFinished'});
        }
    } else if (t < 0) {
        this.rewind();
        this.update();
    } else {
        this._time = t;
        this.update();
    }
}
t.getTime = function(){
    return this._time;
}
t.setDuration = function(d){
    this._duration = (d == null || d <= 0) ? 100000 : d;
}
t.getDuration = function(){
    return this._duration;
}
t.setPosition = function(p){
    this.prevPos = this._pos;
    var a = this.suffixe != '' ? this.suffixe : '';
    this.obj[this.prop] = Math.round(p) + a;
    this._pos = p;
    this.broadcastMessage('onMotionChanged',{target:this,type:'onMotionChanged'});
}
t.getPosition = function(t){
    if (t == undefined) t = this._time;
    return this.func(t, this.begin, this.change, this._duration);
};
t.setFinish = function(f){
    this.change = f - this.begin;
};
t.geFinish = function(){
    return this.begin + this.change;
};
t.init = function(obj, prop, func, begin, finish, duration, suffixe){
    if (!arguments.length) return;
    this._listeners = new Array();
    this.addListener(this);
    if(suffixe) this.suffixe = suffixe;
    this.obj = obj;
    this.prop = prop;
    this.begin = begin;
    this._pos = begin;
    this.setDuration(duration);
    if (func!=null && func!='') {
        this.func = func;
    }
    this.setFinish(finish);
}
t.start = function(){
    this.rewind();
    this.startEnterFrame();
    this.broadcastMessage('onMotionStarted',{target:this,type:'onMotionStarted'});
    //alert('in');
}
t.rewind = function(t){
    this.stop();
    this._time = (t == undefined) ? 0 : t;
    this.fixTime();
    this.update();
}
t.fforward = function(){
    this._time = this._duration;
    this.fixTime();
    this.update();
}
t.update = function(){
    this.setPosition(this.getPosition(this._time));
    }
t.startEnterFrame = function(){
    this.stopEnterFrame();
    this.isPlaying = true;
    this.onEnterFrame();
}
t.onEnterFrame = function(){
    if(this.isPlaying) {
        this.nextFrame();
        setTimeout(Delegate.create(this, this.onEnterFrame), 0);
    }
}
t.nextFrame = function(){
    this.setTime((this.getTimer() - this._startTime) / 1000);
    }
t.stop = function(){
    this.stopEnterFrame();
    this.broadcastMessage('onMotionStopped',{target:this,type:'onMotionStopped'});
}
t.stopEnterFrame = function(){
    this.isPlaying = false;
}

t.continueTo = function(finish, duration){
    this.begin = this._pos;
    this.setFinish(finish);
    if (this._duration != undefined)
        this.setDuration(duration);
    this.start();
}
t.resume = function(){
    this.fixTime();
    this.startEnterFrame();
    this.broadcastMessage('onMotionResumed',{target:this,type:'onMotionResumed'});
}
t.yoyo = function (){
    this.continueTo(this.begin,this._time);
}

t.addListener = function(o){
    this.removeListener (o);
    return this._listeners.push(o);
}
t.removeListener = function(o){
    var a = this._listeners;    
    var i = a.length;
    while (i--) {
        if (a[i] == o) {
            a.splice (i, 1);
            return true;
        }
    }
    return false;
}
t.broadcastMessage = function(){
    var arr = new Array();
    for(var i = 0; i < arguments.length; i++){
        arr.push(arguments[i])
    }
    var e = arr.shift();
    var a = this._listeners;
    var l = a.length;
    for (var i=0; i<l; i++){
        if(a[i][e])
        a[i][e].apply(a[i], arr);
    }
}
t.fixTime = function(){
    this._startTime = this.getTimer() - this._time * 1000;
}
t.getTimer = function(){
    return new Date().getTime() - this._time;
}
Tween.backEaseIn = function(t,b,c,d,a,p){
    if (s == undefined) var s = 1.70158;
    return c*(t/=d)*t*((s+1)*t - s) + b;
}
Tween.backEaseOut = function(t,b,c,d,a,p){
    if (s == undefined) var s = 1.70158;
    return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
}
Tween.backEaseInOut = function(t,b,c,d,a,p){
    if (s == undefined) var s = 1.70158; 
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
}
Tween.elasticEaseIn = function(t,b,c,d,a,p){
        if (t==0) return b;  
        if ((t/=d)==1) return b+c;  
        if (!p) p=d*.3;
        if (!a || a < Math.abs(c)) {
            a=c; var s=p/4;
        }
        else 
            var s = p/(2*Math.PI) * Math.asin (c/a);
        
        return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
    
}
Tween.elasticEaseOut = function (t,b,c,d,a,p){
        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
        if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b);
    }
Tween.elasticEaseInOut = function (t,b,c,d,a,p){
    if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) var p=d*(.3*1.5);
    if (!a || a < Math.abs(c)) {var a=c; var s=p/4; }
    else var s = p/(2*Math.PI) * Math.asin (c/a);
    if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
    return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
}

Tween.bounceEaseOut = function(t,b,c,d){
    if ((t/=d) < (1/2.75)) {
        return c*(7.5625*t*t) + b;
    } else if (t < (2/2.75)) {
        return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
    } else if (t < (2.5/2.75)) {
        return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
    } else {
        return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
    }
}
Tween.bounceEaseIn = function(t,b,c,d){
    return c - Tween.bounceEaseOut (d-t, 0, c, d) + b;
    }
Tween.bounceEaseInOut = function(t,b,c,d){
    if (t < d/2) return Tween.bounceEaseIn (t*2, 0, c, d) * .5 + b;
    else return Tween.bounceEaseOut (t*2-d, 0, c, d) * .5 + c*.5 + b;
    }

Tween.strongEaseInOut = function(t,b,c,d){
    return c*(t/=d)*t*t*t*t + b;
    }

Tween.regularEaseIn = function(t,b,c,d){
    return c*(t/=d)*t + b;
    }
Tween.regularEaseOut = function(t,b,c,d){
    return -c *(t/=d)*(t-2) + b;
    }

Tween.regularEaseInOut = function(t,b,c,d){
    if ((t/=d/2) < 1) return c/2*t*t + b;
    return -c/2 * ((--t)*(t-2) - 1) + b;
    }
Tween.strongEaseIn = function(t,b,c,d){
    return c*(t/=d)*t*t*t*t + b;
    }
Tween.strongEaseOut = function(t,b,c,d){
    return c*((t=t/d-1)*t*t*t*t + 1) + b;
    }

Tween.strongEaseInOut = function(t,b,c,d){
    if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
    return c/2*((t-=2)*t*t*t*t + 2) + b;
    }
///////////////////////
var DDSPEED = 10;
var DDTIMER = 15;

// main function to handle the mouse events //
function ddMenu(id,dir) {
  var head = document.getElementById(id + '-ddheader');
  var cont = document.getElementById(id + '-ddcontent');
  clearInterval(cont.timer);
  if(dir == 1) {
    clearTimeout(head.timer);
    if(cont.maxh && cont.maxh <= cont.offsetHeight) {
      return;
    } else if(!cont.maxh) {
      cont.style.display = 'block';
      cont.style.height = 'auto';
      cont.maxh = cont.offsetHeight;
      cont.style.height = '0px';
    }
    cont.timer = setInterval("ddSlide('" + id + "-ddcontent', 1)", DDTIMER);
  } else {
    head.timer = setTimeout('ddCollapse(\'' + id + '-ddcontent\')', 50);
  }
}

// collapse the menu //
function ddCollapse(id) {
  var cont = document.getElementById(id);
  cont.timer = setInterval("ddSlide('" + id + "', -1)", DDTIMER);
}

// cancel the collapse if a user rolls over the dropdown content //
function cancelHide(id) {
  var head = document.getElementById(id + '-ddheader');
  var cont = document.getElementById(id + '-ddcontent');
  clearTimeout(head.timer);
  clearInterval(cont.timer);
  if(cont.offsetHeight < cont.maxh) {
    cont.timer = setInterval("ddSlide('" + id + "-ddcontent', 1)", DDTIMER);
  }
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(id,dir) {
  var cont = document.getElementById(id);
  var currheight = cont.offsetHeight;
  var dist;
  if(dir == 1) {
    dist = (Math.round((cont.maxh - currheight) / DDSPEED));
  } else {
    dist = (Math.round(currheight / DDSPEED));
  }
  if(dist <= 1 && dir == 1) {
    dist = 1;
  }
  cont.style.height = currheight + (dist * dir) + 'px';
  cont.style.opacity = currheight / cont.maxh;
  cont.style.filter = 'alpha(opacity=' + (currheight * 100 / cont.maxh) + ')';
  if((currheight < 2 && dir != 1) || (currheight > (cont.maxh - 2) && dir == 1)) {
    clearInterval(cont.timer);
  }
}
////////////end of dock code///////////

Langkah ketiga
Inject kode berikut ini pada bagian onloadhandler JS kamu. Temukan dulu kode di bawah ini pada bagian onloadhandler JS kamu

if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = 
function(){onProfileLoad()};
function onProfileLoad() {

var cip = document.getElementById("navLang").innerHTML+="<div ...........................................
.........................................</div>";

other codes inside onloadhandler....................
other codes inside onloadhandler....................
other codes inside onloadhandler....................
other codes inside onloadhandler....................

toggleDown();

} <--end of the onloadhandler

Trus tambahkan kode di bawah ini
var cip = document.getElementById("navLang").innerHTML+="<div align=\"center\" style=\"width:100%;\"><div id=\"hit_area2\" onmouseover=\"toggleUp();\"><br><br></div><div id=\"hit_area\" onmouseover=\"toggleDown();\"><center><img src='BANNER URL HERE' border=0></center></div><div id=\"menu_holder\"><div id=\"nav\"><ul>"+
"<li><dl class=\"dropdown\"><dt id=\"one-ddheader\" onmouseover=\"ddMenu('one',1)\" onmouseout=\"ddMenu('one',-1)\"><a href=\"http://www.friendster.com/\"><img src=\"http://h1.ripway.com/cip619/dizzlerlayoutfiles/home.png\"></a></dt><dd id=\"one-ddcontent\" onmouseover=\"cancelHide('one')\" onmouseout=\"ddMenu('one',-1)\"><ul><li>Home</li>"+
"</ul></dl></li>"+
"<li><dl class=\"dropdown\"><dt id=\"two-ddheader\" onmouseover=\"ddMenu('two',1)\" onmouseout=\"ddMenu('two',-1)\"><a href=\"http://www.friendster.com/user.php\"><img src=\"http://h1.ripway.com/cip619/dizzlerlayoutfiles/myprofile.png\"></a></dt><dd id=\"two-ddcontent\" onmouseover=\"cancelHide('two')\" onmouseout=\"ddMenu('two',-1)\"><ul><li>My Profile</li><br>"+
"<li><a href=\"http://www.friendster.com/editprofile.php\" class=\"underline\">Edit Profile</a></li><br>"+
"<li><a href=\"http://www.friendster.com/photos/'+pageViewerID+'\" class=\"underline\">Photos</a></li><br>"+
"<li><a href=\"http://widgets.friendster.com/meezavatars\" class=\"underline\">Avatars</a></li><br>"+
"<li><a href=\"http://widgets.friendster.com/meezavatars?app=games\" class=\"underline\">Games</a></li><br>"+
"<li><a href=\"http://www.friendster.com/review.php\" class=\"underline\">Reviews</a></li><br>"+
"<li><a href=\"http://www.friendster.com/blogs.php\" class=\"underline\">Blogs</a></li><br>"+
"<li><a href=\"http://www.friendster.com/featuredfriends.php\" class=\"underline\">Featured Friends</a></li><br>"+
"<li><a href=\"http://www.friendster.com/video.php\" class=\"underline\">Video</a></li><br>"+
"<li><a href=\"http://www.friendster.com/bulletinboard.php\" class=\"underline\">Bulletin Board</a></li>"+
"</ul></dl></li>"+
"<li><dl class=\"dropdown\"><dt id=\"three-ddheader\" onmouseover=\"ddMenu('three',1)\" onmouseout=\"ddMenu('three',-1)\"><a href=\"http://www.friendster.com/widget_myapps.php\"><img src=\"http://h1.ripway.com/cip619/dizzlerlayoutfiles/app.png\"></a></dt><dd id=\"three-ddcontent\" onmouseover=\"cancelHide('three')\" onmouseout=\"ddMenu('three',-1)\"><ul><li>My Apps</li>"+
"</ul></dl></li>"+
"<li><dl class=\"dropdown\"><dt id=\"four-ddheader\" onmouseover=\"ddMenu('four',1)\" onmouseout=\"ddMenu('four',-1)\"><a href=\"http://www.friendster.com/friends.php\"><img src=\"http://h1.ripway.com/cip619/dizzlerlayoutfiles/myconnection.png\"></a></dt><dd id=\"four-ddcontent\" onmouseover=\"cancelHide('four')\" onmouseout=\"ddMenu('four',-1)\"><ul><li>My Connection</li><br>"+
"<li><a href=\"http://www.friendster.com/friends.php\" class=\"underline\">Friends</a></li><br>"+
"<li><a href=\"http://www.friendster.com/schools.php\" class=\"underline\">Schools</a></li><br>"+
"<li><a href=\"http://www.friendster.com/friends.php?action=spusers\" class=\"underline\">Im a Fan of...</a></li><br>"+
"<li><a href=\"http://www.friendster.com/bookmarks.php\" class=\"underline\">Bookmarks</a></li><br>"+
"<li><a href=\"http://www.friendster.com/mygroup.php\" class=\"underline\">Groups</a></li>"+
"</ul></dl></li>"+
"<li><dl class=\"dropdown\"><dt id=\"five-ddheader\" onmouseover=\"ddMenu('five',1)\" onmouseout=\"ddMenu('five',-1)\"><a href=\"http://www.friendster.com/explorer.php\"><img src=\"http://h1.ripway.com/cip619/dizzlerlayoutfiles/explor.png\"></a></dt><dd id=\"five-ddcontent\" onmouseover=\"cancelHide('five')\" onmouseout=\"ddMenu('five',-1)\"><ul><li>Explorer</li><br>"+
"<li><a href=\"http://www.friendster.com/userlist.php?list=newusers\" class=\"underline\">People</a></li><br>"+
"<li><a href=\"http://www.friendster.com/photolist.php?list=mostrecent\" class=\"underline\">Photos</a></li><br>"+
"<li><a href=\"http://www.friendster.com/video.php\" class=\"underline\">Video</a></li><br>"+
"<li><a href=\"http://www.friendster.com/userlist.php?list=feat_profile\" class=\"underline\">Fan Profiles</a></li><br>"+
"<li><a href=\"http://www.friendster.com/widgetdirectory.php\" class=\"underline\">Applications</a></li>"+
"</ul></dl></li>"+
"<li><dl class=\"dropdown\"><dt id=\"six-ddheader\" onmouseover=\"ddMenu('six',1)\" onmouseout=\"ddMenu('six',-1)\"><a href=\"http://www.friendster.com/gallery.php\"><img src=\"http://h1.ripway.com/cip619/dizzlerlayoutfiles/Search.png\"></a></dt><dd id=\"six-ddcontent\" onmouseover=\"cancelHide('six')\" onmouseout=\"ddMenu('six',-1)\"><ul><li>Search</li>"+
"</ul></dl></li>"+
"<li><dl class=\"dropdown\"><dt id=\"seven-ddheader\" onmouseover=\"ddMenu('seven',1)\" onmouseout=\"ddMenu('seven',-1)\"><a href=\"http://olx.friendster.com/gateway_cobranded.php?country=\"><img src=\"http://img142.imageshack.us/img142/1632/classifiedtj4.png\"></a></dt><dd id=\"seven-ddcontent\" onmouseover=\"cancelHide('seven')\" onmouseout=\"ddMenu('seven',-1)\"><ul><li>Classified</li>"+
"</ul></dl></li>"+
"<li><dl class=\"dropdown\"><dt id=\"eight-ddheader\" onmouseover=\"ddMenu('eight',1)\" onmouseout=\"ddMenu('eight',-1)\"><a href=\"http://www.friendster.com/invite.php\"><img src=\"http://h1.ripway.com/cip619/dizzlerlayoutfiles/invite.png\"></a></dt><dd id=\"eight-ddcontent\" onmouseover=\"cancelHide('eight')\" onmouseout=\"ddMenu('eight',-1)\"><ul><li>Invite</li>"+
"</ul></dl></li>"+
"</ul></div></div><div id=\"hit_area2\" onmouseover=\"toggleUp();\"><br><br><br><br></div></div>";
toggleDown();

Atau jika gak pingin pasang banner, pingin dikosongin aja maka cari tag berikut pada kode tersebut:
<img src='BANNER HERE' border=0>
ganti dengan <br>

nah akhirnya selesai juga tutorial yang agak ribet ini. Tapi di jamin kalo kamu bisa sukses mempraktekannya, teman2mu pasti pada iri dengan layout profile friendster kamu. Trik menghias profile Friendster ini menggunakan layout yang agak kompleks tapi hasilnya memang layout FS yang keren.

AddThis Social Bookmark Button | AddThis Feed Button
Ditulis oleh FriensterMod Team @ 7:07 AM.  

Cool Stuff buat reader Friendstermod

Free domain CO.CC

Perhatian, Tim FriendsterMod tidak memiliki hubungan khusus apapun dengan pihak Friendster begitupun sebaliknya. Blog ini sebagai media informasi yang menyampaikan tentang tips trik yang bisa dilakukan untuk merubah tampilan profil friendster dari yang sederhana hingga yang intermediate. Kami juga tidak bertanggung jawab atas kemungkinan apapun yang timbul akibat penggunaan isi artikel dalam blog ini. Gunakan dan praktekkan dengan kesadaran dan tanggung jawab penuh pada diri kamu sendiri.
FriendsterMod new skin beta. Best viewed at 1024x768 pixel.