[SHARE] Tweaking FACEBOOK

Ijin share kk momods ...
if ndak berguna lgsung close this thread..
dan bila berguna

nih cuma profil HTML...
bukan load d profile utama..
======================
lgsung ajah


pasang APP ini d FB kalian
https://apps.facebook.com/my-html/


lalu edit langsung code ini..
Utk ID yg d gunkan..
tentunya ID masing2..

Code:

<!--  < CODED AND DESIGNED BY: SWITPOTATO >  -->
<!--  < PLEASE DO NOT REMOVE NOR ALTER THE ORIGINAL AUTHOR >  -->
<!--  < EDIT IT AS YOU WISH..RENAME IT AS U WANT..JUST RETAIN THE FOOTER's COPYRIGHT >  -->

<div id="MyTopBG"></div>
<div id="MyMainContainer">
<table id="MyTable" cellspacing ="15px">
<tr>
<td valign="top" id="MyBannerTD">
</td></tr>

<tr> 
<td valign="top" id="MyControlPannelTD">

<!--  < CHANGE THE TITLE >  -->

<h1> TITLE HERE </h1>

<div class="MyIntroBox">
<table id="CPTable">

<td id="MyLeftTD"valign="top">
<!--  < edit the img URL and TITLE only Dont Change the ID >  -->
<div class="PrimaryPicDiv" align="center">
<img src="IMG URL HERE" id="myPrimarypic" align="left" title="TITLE OF UR PIC">
</div>


<div class="MyCPButtons">

<ul id="controlPanelButtons" >
<li>
<!--  < CHANGE THE BUTTON NAME AND URL ACCRDING TO UR PREFERNCE >  -->

<a href="URL HERE" target=_blank"> Photo Gallery</a>
</li>
<li>
<a href="URL HERE" target=_blank"> My Writings</a>
</li>
<li>
<a href="URL HERE " target=_blank"> Main Page</a>
</li>
</ul>
</div>
</td>

<td>
<table width="290px;" style="position:relative;">
<tr>
<!--  < CHANGE THE LABEL CONTENT AND MYCONTEXT ACCRDING TO UR LIKING ex. instead of name replace it to nick etc etc >  -->
<td id="MyLabel" valign="top">
Name       
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
K?e? ?µge
</td></tr>

<tr>
<td id="MyLabel" valign="top">
A.K.A.       
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
kvê? ?aStA, Supe?asman, Superman
</td></tr>

<tr>
<td id="MyLabel" valign="top">
Gender       
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
Male
</td></tr>

<tr>
<td id="MyLabel" valign="top">
Birthday       
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
August 26, 1986
</td></tr>

<tr>
<td id="MyLabel" valign="top">
Status     
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
In a Relationship with <a href="http://www.facebook.com/sugarfr3e" target="_blank" title="§ugarFree">§ugarFree</a>
</td></tr>

<tr>
<td id="MyLabel" valign="top">
Anniversary     
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
February 18, 2010
</td></tr>

<tr>
<td id="MyLabel" valign="top">
Looking For     
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
Friendship
</td></tr>
 
<tr>
<td id="MyLabel" valign="top">
College     
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
De La Salle- Health Sciences Institute
</td></tr>

<tr>
<td id="MyLabel" valign="top">
Quotation     
</td>
<td id="MySeparator" valign="top">
: 
</td>
<td id="MyContext" valign="top">
No Woman No Cry
</td></tr> 
</table>



<!--  < FILL UP THE aMore .. with ur own brief description dont make it tooooo longgg >  -->
<div class="aMore">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

blah blah blah blah blah blah blah blah

</div>


</td></tr>
</table>


<a id="show_text" href="#" clicktohide="show_text" clicktoshow="MyBox,hide_text">
Click To Read More About Me</a>
<a id="hide_text" href="#" clicktohide="MyBox, hide_text" clicktoshow="show_text"
style="display:none">Hide This</a>

<div id="MyBox" style="display:none">

<!--  < CHANGE THE BLAH BLAH to ur own..blah blah lol >  -->
<center>
<br><b><font color="#2EEF00">About Me:</font></b>


blah blah blah blah blah blah blah blah

blah blah blah blah blah blah blah blah

blah blah blah blah blah blah blah blah

blah blah blah blah



</center>
</div>






</div>
</td></tr>



<tr>
<td valign="top" id="MyFavePhotosTD">
<!--  < CHANGE THE TITLE >  -->

<h1> TITLE HERE </h1>

<div class="MyGalleryBox">

<table id="FavePhoto" cellspacing="8px">

<tr>
<td valign="top" id="FaveAlbum">

<!--  < CHANGE THE IMAGE, URL AND TITLE  >  -->

<a href="TARGET URL OF ALBUM HERE" target="_blank" title="ALBUM NAME"><img src="IMAGE TO BE DISPLAY HERE" id="mypic"></a>
<br><span id="photoNamelist">
<a href="TARGET URL OF ALBUM HERE" target="_blank" title="ALBUM NAME">ALBUM NAME</a>
</span></td>

<td valign="top" id="FaveAlbum">
<a href="TARGET URL OF ALBUM HERE" target="_blank" title=" ALBUM NAME"><img src="IMAGE TO BE DISPLAY HERE"></a>
<br><span id="photoNamelist">
<a href="TARGET URL OF ALBUM HERE" target="_blank" title="ALBUM NAME">ALBUM NAME</a>
</span></td>

<td valign="top" id="FaveAlbum">
<a href="TARGET URL OF ALBUM HERE" target="_blank" title="ALBUM NAME"><img src="IMAGE TO BE DISPLAY HERE" id="mypic"></a>
<br><span id="photoNamelist">
<a href="TARGET URL OF ALBUM HERE" target="_blank" title="ALBUM NAME"> ALBUM NAME</a>
</span></td>

<td valign="top" id="FaveAlbum">
<a href="TARGET URL OF ALBUM HERE" target="_blank" title="ALBUM NAME"><img src="IMAGE TO BE DISPLAY HERE" id="mypic"></a>
<br><span id="photoNamelist">
<a href="TARGET URL OF ALBUM HERE" target="_blank" title="ALBUM NAME">ALBUM NAME</a>
</span>
</td></tr>

<tr>
<td colspan="4" valign="top" id="MyViewAllTD">

<!--  < CHANGE THE URL AND TITLE  >  -->

<a href="MAIN PHOTO URL HERE" target="_blank" title=" View My Album">View All</a>
</td></tr></table>
</div>
</td></tr>


<tr>
<td valign="top" id="MyMediaTD">

<!--  < CHANGE THE TITLE >  -->

<h1> TITLE HERE </h1>

<div class="MyMediaBox">

FILL THIS PORTION WITH UR OWN CONTENT

</div>
</td></tr>

<tr>
<td valign="top" id="MyFriendlistTD">

<!--  < CHANGE THE TITLE >  -->

<h1> TITLE HERE </h1>

<div class="MyFriendsBox">
<table id="FriendsPhotoTable"  cellspacing="8px">
<tr>
<td valign="top" id="FriendlistPic">

<!--  < CHANGE THE IMAGE, URL AND TITLE  >  -->

<a href="URL OF UR FRIEND PROFILE" target="_blank" title="FRIEND's NAME HERE"><img src="UR FRIEND PIC HERE" id="mypic"></a>
<br><span id="photoNamelist">
<a href="URL OF UR FRIEND PROFILE" target="_blank" title="FRIEND's NAME HERE">FRIEND's NAME HERE</a>
</span>
</td>

<td valign="top" id="FriendlistPic">
<a href="URL OF UR FRIEND PROFILE" target="_blank" title="FRIEND's NAME HERE "><img src="UR FRIEND PIC HERE" id="mypic"></a>
<br><span id="photoNamelist">
<a href="URL OF UR FRIEND PROFILE" target="_blank" title=" FRIEND's NAME HERE"> FRIEND's NAME HERE </a>
</span>
</td>

<td valign="top" id="FriendlistPic">
<a href="URL OF UR FRIEND PROFILE" target="_blank" title="FRIEND's NAME HERE"><img src="UR FRIEND PIC HERE" id="mypic"></a>
<br><span id="photoNamelist">
<a href="URL OF UR FRIEND PROFILE" target="_blank" title="FRIEND's NAME HERE"> FRIEND's NAME HERE </a>
</span>
</td>

<td valign="top" id="FriendlistPic">
<a href="URL OF UR FRIEND PROFILE" target="_blank" title="FRIEND's NAME HERE"><img src="UR FRIEND PIC HERE" id="mypic"></a>
<br><span id="photoNamelist">
<a href="URL OF UR FRIEND PROFILE" target="_blank" title="FRIEND's NAME HERE">FRIEND's NAME HERE</a>
</span>
</td></tr>

<tr>
<td colspan="4" valign="top" id="MyViewAllTD">

<!--  < CHANGE THE URL AND TITLE  >  -->

<a href="URL OF UR VIEW ALL HERE" target="_blank" title=" View All My Friends">View All</a>
</td></tr>
</table>

</div>
</td></tr>


<td valign="top" id="MyCommentsTD">

<!--  < CHANGE THE TITLE >  -->

<h1> TITLE HERE </h1>

<div class="MyTestimonilasBox">

<!--  < EDIT THE xid=" TO ANY NAME " >  -->
<!--  < EDIT THE  returnurl=" TO YOUR OWN TAB URL " >  -->

<fb:comments xid="ANY NAME HERE" canpost="true" candelete="false" returnurl="UR APP TAB URL HERE"></fb:comments>
</div>
</td></tr>
</table>

</div>
<div id="MyFooter">
<!--  < THIS IS MY COPYRIGHT DO NOT REMOVE ..THANKS>  -->
Copyright 2010 <a target="_blank" href="http://www.facebook.com/sugarfr3e" >§ugarFree-§witPotato</a> All rights reserved. 
</div>


<style>
/* EDIT THE DEFAULT VALUE ACCORDING TO YOUR PREFERENCE.. LIKE THE IMAGE URL , COLOR ETC*/


/*CommonBox Font*/
p, td {
color:#09AF00; font-size:11px;
}
/*Header Code*/
h1 {
background: #006300; height:25px; width: 450px; color: #CFCFCF; padding-left: 20px;line-height:25px; font-size:12px;text-align:left; margin:3px 3px 6px 3px; border: 1px solid #25B404; -moz-border-radius: 4px;
}
/*link and hide - show codes*/
a{
color:#F9F600; font-size: 11px; outline:none; padding:0;
}
a:hover{
color:#FF9C0F! important; font-size: 11px;font-style:italic;padding:0;font-weight:normal;text-decoration: none;
}
#show_text{
background: transparent url(http://img175.imageshack.us/img175/7754/bulletgreen.gif) no-repeat center left  ;
color:#2EEF00; font-size: 11px; padding: 10px 0px 10px 16px ; outline:none;font-weight:bold;
}
#hide_text{
background: transparent url(http://img175.imageshack.us/img175/1646/bulletred.gif) no-repeat center left  ;
color:#FF000A! important; font-size: 11px; padding: 10px 0px 10px 16px ;font-weight:bold;
}
#MyTopBG{
background: #000000 url(http://img30.imageshack.us/img30/2/footerlq.png) repeat-x bottom right ; border:0; height: 37px; width:800px;
}
#MyMainContainer{
background: #000000 url(http://img143.imageshack.us/img143/5218/kvenfbbg.png) no-repeat top left ; border:0; height: auto; width:800px; overflow-x:hidden;overflow-y:auto;
}
#MyTable {
width:500px; height:auto; position:relative; top:10px; left:10px; margin-bottom:35px;
}
#MyBannerTD {
height: 247px; width: 470px; border:3px double #F11111; background: #000000 url(http://img696.imageshack.us/img696/1885/bannerrasta.png) no-repeat top right; -moz-border-radius: 10px;
}
#MyControlPannelTD{
text-align: left! important; height: auto; width: 470px; overflow-X:hidden; border: 3px double #F11111; background: #000000 url(http://img547.imageshack.us/img547/1538/bgdesign.gif) no-repeat bottom right; padding: 1px 0px 8px 0px; -moz-border-radius: 10px;
}
.MyIntroBox {
text-align: left! important; margin:15px 10px 7px 10px; width:450px; overflow:hidden;
}
#CPTable{
width:450px;
}
#MyLeftTD{
width:160px;
}
.MyCPButtons {
margin-top:10px;margin-bottom:10px;position:relative; left:3px;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
width: 137px; height: 15px; background:#006300;border:1px outset #7F7F7F; text-align: center; margin: 1px 0 1px 0;color: #CFCFCF;font-weight:bold;line-height:14px;display:inline-block;
}
#controlPanelButtons a:hover {
width: 137px; height: 15px; background:#4F4F4F;border:1px inset #cccccc; text-align: center;  margin: 1px 0 1px 0;color:#CFCFCF! important; font-style: normal !important;display:inline-block;
}

/*IMAGE CODES*/
img {
filter:alpha(opacity=70);-moz-opacity:70.1;opacity: 0.7! important;
}
img:hover, #myPrimarypic img:hover {
filter:alpha(opacity=90);-moz-opacity:90.1! important;opacity: 0.9! important;
}
#myPrimarypic{
margin: 0 10px 10px 0 !important; border:3px double #25B404; width:140px;height:159px;overflow:hidden; filter:alpha(opacity=70);-moz-opacity:70.1;opacity: 0.7; -moz-border-radius: 5px;z-index:1;
}
#mypic{
margin: 0 8px 0 0 !important; border:3px double #25B404;filter:alpha(opacity=70);-moz-opacity:70.1;opacity: 0.7; -moz-border-radius: 5px; width: 90px; height: 90px;overflow:hidden;
}

#MyLabel{
width: 75px; color:#F11111;font-weight: bold; font-size:11px; text-align:left;
}
#MySeparator{
width: 10px; color:#F9F600;font-weight: bold; font-size:11px; text-align:left;
}
#MyContext{
text-align:left; width:200px;
}
.aMore{
font-size:11px;position: relative; top: 4px;left: 50px;width :250px;color:#8B9F8B;
}

/*PHOTO GALLERY CODES*/
#MyFavePhotosTD{
height: auto; width: 470px; border: 3px double #F11111; background: #000000; padding: 1px 0px 0px 0px; overflow:hidden; -moz-border-radius: 10px;
}
.MyGalleryBox{
margin:15px 10px 7px 10px; width:450px; overflow:hidden;
}
#FavePhoto{
width:450px; border:0;
}
#FaveAlbum{
text-align:center;
}
#MyViewAllTD{
text-align:right; padding-right:10px; margin: 0 0 0 0; font-weight:bold;
}
#MyViewAllTD a{
background: transparent url(http://img175.imageshack.us/img175/7754/bulletgreen.gif) no-repeat center left  ;
color:#2EEF00;font-size: 11px; outline:none; padding:0 0 0 16px; font-weight:bold;
}
#MyViewAllTD a:hover{
background: transparent url(http://img175.imageshack.us/img175/1646/bulletred.gif) no-repeat center left  ;
color:#FF000A! important; font-size: 11px;font-style:italic;padding:0 0 0 16px;font-weight:bold;text-decoration: none; font-weight:bold;
}

/*MEDIA BOX CODES*/
#MyMediaTD{
height: 234px; width: 470px;border:3px double #F11111;background: #000000 url(http://img87.imageshack.us/img87/2906/r … musicp.gif) no-repeat bottom right;padding: 1px 0px 8px 0px; text-align: left! important; -moz-border-radius: 10px;
}
.MyMediaBox{
text-align: left! important; margin:15px 10px 7px 10px; width:450px; overflow:hidden;
}
/*media box image efex*/
#playlistimage img{
filter:alpha(opacity=60);-moz-opacity:60.1;opacity: 0.6;
}
#playlistimage img:hover {
filter:alpha(opacity=90);-moz-opacity:90.1;opacity:0.90 !important;
}

/*FRIENDLIST BOX*/
#MyFriendlistTD{
height: auto; width: 470px; border: 3px double #F11111; background: #000000 ; padding: 1px 0px 0px 0px;overflow:hidden; -moz-border-radius: 10px;
}
.MyFriendsBox{
margin:15px 10px 7px 10px; width:450px; overflow:hidden;
}
#FriendsPhotoTable{
width:450px; border:0;
}
#FriendlistPic {
text-align:center;
}

/*COMMENTS CSS*/
#MyCommentsTD{
height: auto; width: 470px; border: 3px double #F11111; background: #000000 ; padding: 1px 0px 0px 0px;overflow:hidden; -moz-border-radius: 10px;
}
.MyTestimonilasBox{
margin:15px 0px 7px 20px; width:450px; height:auto; overflow-x:hidden; text-align:center;
}

.wallkit_post {
border-bottom:1px solid #5F5E23! important;color:#8B9F8B;padding-bottom:15px! important; text-align: center;
}
.wallkit_post .wallkit_postcontent h4 .wall_time {
color :#F11111! important;
}
.gray_box {
background-color:#111111; border: 1px inset #DDDA0A; color:# 09AF00; -moz-border-radius: 5px;
}
.gray_box a {
color: #09AF00;
}
.gray_box a:hover {
color: #F9F600! important;
}
.wallkit_post .wallkit_profilepic img {
margin: 0 8px 5px 4px !important; border:3px double #25B404;filter:alpha(opacity=70);-moz-opacity:70.1;opacity: 0.7;  width: 57px! important; height: 57px! important;  -moz-border-radius: 5px;
}
.wallkit_post a{
color:#2EEF00! important;
}
.wallkit_post a:hover{
color:#F9F600! important;text-decoration: underline;
}
textarea, .inputtext, .inputpassword  {
background:#4F4F4F; color:#EFEFEF;border: 1px inset #DDDA0A;  -moz-border-radius: 5px;
}
.wallkit_form .inputsubmit  {
background: #1F1F1F;height:25px; width:50px; color: #666666;  border: 1px outset #9F9F9F;font-size:11px; font-weight:bold;
}
.pagerpro .current .pagerpro_a {
color:#F11111! important;border-bottom-color:#2EEF00! important;border-bottom-width: 1px;
border-bottom-style: solid;
}
.pagerpro .current .pagerpro_a:hover  {
color:#F11111! important;border-bottom-color:#F9F600! important;border-bottom-width: 1px;
border-bottom-style: solid; font-style: normal !important;background-color: #2EEF00!important;padding-right: 3px;
padding-left: 3px;padding-top: 3px;padding-bottom: 2px;
}

.wallkit_frame .pager  a:hover  {
color:#2EEF00! important;border-bottom-color:#F9F600! important;border-bottom-width: 1px;
border-bottom-style: solid; font-style: normal !important;background-color: #F11111!important;padding-right: 3px;
padding-left: 3px;padding-top: 3px;padding-bottom: 2px;
}

/*FOOTER CODES*/
#MyFooter {
padding-left:28px; color: #8F8F8F; position: relative; top: -3px;
background: #000000 url(http://img30.imageshack.us/img30/2/footerlq.png) repeat-x bottom right ; border:0; height: 48px; width:800px;  align:left;
}
#MyFooter a{
color: #BFBFBF;
}
#MyFooter a:hover{
color: #EFEFEF! important; font-style: normal ;padding:0;font-weight:normal;text-decoration: none;
}
</style>

<!--  < CODED AND DESIGNED BY: SWITPOTATO >  -->
<!--  < PLEASE DO NOT REMOVE NOR ALTER THE ORIGINAL AUTHOR >  -->
<!--  < EDIT IT AS YOU WISH..RENAME IT AS U WANT..JUST RETAIN THE FOOTER's COPYRIGHT >  -->


trus d publish deh...
selamat mencoba..
^^


PRIPIU
https://www.facebook.com/fayuciha?v=app_5577282239


credit : blkt.net

lumyan ribet buat editnya kk..
tpi siiip deh..

buat iseng2 aja gan,, dripda ngecit PB molo bikin kesel org
ho
hoo