Blognya Am Lookman

• Tips and Trik merubah tampilan Friendster kamu :

- TRIK MEMASANG GAMBA BACKGROUND & MENGGUNAKAN BORDER / GARIS PINGGIR (PIGURA) : 

<style
type="text/css"> /*Bagian Background*/ table, tr, td {
background-color:black; border:none; border-width:0;} body {
background-color:black; background-image:url(’
http://contohgambar.com/gambarkamu.jpg ‘); background-attachment:
fixed; background-position:center; background-repeat:no-repeat;
border-color:black; border-width:18px ; border-style: solid;
</style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- TRIK TRANSPARANSI BOX PROFILE : 

<style
type="text/css"> /* HEADING: NAME */ .left_column_header h2 {
font-size:18px !Important; border-bottom-color:transparent; border:0px;
} .left_column_header h2,.left_column_header h2 .online {
color:transparent; font-weight:bold; } /* HEADING: LARGE GREEN */
.left_column_header2,.right_column_title,.right_column .column_header {
background-color:transparent; height:20px; border:1px solid;
border-color:transparent; border:0px; } .left_column_header2
h1,.right_column_title h1,.right_column .column_header h1 {
font-size:12px; margin:3px 0px 0px 5px; color:transparent;
font-weight:bold; } .commonbox h2 { font-size:12px !Important;
background-color:transparent; color:transparent; font-weight:bold; }
#teaserbox h2 { font-size:12px !Important;
background-color:transparent; color:transparent; font-weight:bold; } /*
BOX BG & BORDER: MY PROFILE */
.left_column_wrapper,.left_column_wrapper .left_column_content {
background-color:transparent; border-color:transparent; border:0px; }
/* BOX BG & BORDER: EDIT PROFILE */ .column_profile_nav {
background-color:transparent; border-color:transparent; border:0px; }
/* BOX BG & BORDER: NAV BAR */ #navigation {
background-color:transparent; background-image:none; } #nav_bg {
background-color:transparent; border-bottom:0px; } #navigation div {
background-color:transparent; background-image:none; } /* BOX BG &
BORDER: ALL OTHERS */
.left_column_content,.right_column_content,.right_column
.column_content,.boxcontent { background-color:transparent;
border-color:transparent; border:0px; } .commonbox {
border-color:transparent; border:0px; } #teaserbox div {
background-color:transparent; border-color:transparent; border:0px; }
</style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- IMAGE BLUR SLIDESHOW :

<center><marquee
behavior=alternate DIRECTION=left to right WIDTH=100% Height=70
STYLE="filter:blur(add=2, direction=directions,
strength=80)"><marquee width=300><a target="_blank"
href="http://contohgambar/gambarkamu1.jpg"
mce_href="http://contohgambar/gambarkamu1.jpg"><img
src="http://contohgambar/gambarkamu1.jpg"
mce_src="http://contohgambar/gambarkamu1.jpg" height="200"
width="100"></a><a target="_blank"
href="http://contohgambar/gambarkamu2.jpg"
mce_href="http://contohgambar/gambarkamu2.jpg"><img
src="http://contohgambar/gambarkamu2.jpg"
mce_src="http://contohgambar/gambarkamu2.jpg" height="200"
width="100"></a><a target="_blank"
href="http://contohgambar/gambarkamu3.jpg"
mce_href="http://contohgambar/gambarkamu3.jpg"><img
src="http://contohgambar/gambarkamu3.jpg"
mce_src="http://contohgambar/gambarkamu3.jpg" height="200"
width="100"> </marquee></marquee></center>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MEMBUAT KOTAK DENGAN SCROLLBOX :

<div
style="width: 450px; height: 200px; background-color: FF2222; color:
DDDDDD; font-family: helvetica; font-size: 10px; text-align: left;
border: 4px solid 000000; overflow: auto; padding:
4px;"></div>

*nb : ganti text,ukuran dan warna yang kamu mau .

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MERUBAH WARNA SCROLLBAR :

<style
type="text/css"> body { scrollbar-face-color:000000;
scrollbar-highlight-color:FF2222; scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000; scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:FF2222; scrollbar-track-color:000000; }
</style>

*nb : ganti warna sesukamu .

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MEMBUAT SCROLLBOX DI KOTAK TESTIMONIAL :

<style
type="text/css"> /* TESTIMONIAL STYLE */
.left_column_testimonials_content a,.left_column_testimonials_content
a:active,.left_column_testimonials_content
a:visited,.left_column_testimonials_add a { font-size:14px;
color:#ffffff !Important; font-weight:bold; font-style:normal;
text-decoration:none; } .left_column_testimonials_content
a:hover,.left_column_testimonials_add a:hover { font-size:12px;
color:#ffffff; font-weight:normal; font-style:normal;
text-decoration:none; } .testimonialbody,.left_column_testimonials_add
{ font-size:14px; line-height:normal; border:0px; color:#000000;
font-weight:bold; } .left_column_hr,.left_column_testimonials_add {
border-bottom-color:transparent; border:0px; } div.testimonialbody {
height: 80px;width: 100%;overflow: auto; border: 2px solid
#ff99ff;background-color: transparent;
background-image:url("http://contohgambar.com/animasigambar.gif");
background-attachment:fixed; background-repeat: repeat;
background-position:bottom;padding: 2px;}
.left_column_hr,.left_column_testimonials_add { background-image:none;
} </style>

*nb : tambahkan background dg image yg kamu suka biar tambah JUARAAA.. , tinggal masukan URL file image kamu .
contoh URL :
http://contohgambar.com/animasigambar.gif

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MENGHILANGKAN LOGO FRIENDSTER ATAS (kolom navigasi) DAN MENAMBAHKAN DENGAN BANNER BUATAN SENDIRI :

<style
type="text/css"> #navigation div img { height:0px !important;
width:0px !important; } #navigation img {123: none !ant; #navigation {
width: 0%; height: 0px; background-color: transparent;} #navigation {
width: 100%; background-color: transparent; background-image:url(http://contohgambar.com/bannerkamu_ukuran_1024×100.gif); } </style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MEMBUAT PESAN SELAMAT DATANG :

<img
src="http://geocities.com/losthurts_images/overlay.png"
mce_src="http://geocities.com/losthurts_images/overlay.png"
id="welcomevisitor" style="height:expr/**/ession(alert(’ Tulis pesan
selamat datang kamu disini ‘));
width:expr/**/ession(document.all.welcomevisitor.style.height=’0px’)"></a>

*nb : masukan di NOW PLAYING

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MENGHILANGKAN IKLAN GOOGLE :

<style
type="text/css"> /* Start Kill google shit!! */ /* losthurts.tk*/
.fullwidth { font-size: 0px !Important; filter: alpha(opacity=00);
opacity: 0.0; google_color_bg = "transparent"; google_ad_width = 1px;
google_ad_height = 1px; width:0% !important; height:0% !important;
background-color: transparent; float: right; margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; margin-left:0px; margin-right:0px; font-size:
0px; text-indent: -9999px; } /* end of google shit! */ </style>

*nb : masukan dimana saja di CSS code kamu . Bete yah bikin semak ajah iklan google nya , mari kita bunuh kawan hehehe . . .

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MERUBAH DISPLAY NAME DENGAN IMAGE :

<style
type="text/css"> /* HEADING: NAME */ .left_column_header h2 {
font-size: !Important; border-bottom-color:#ffffff;
border-bottom-width:1px; border-bottom-style:solid; }
.left_column_header h2,.left_column_header h2 .online { color:#ffffff;
font-weight:bold; } .left_column_header h2 { font-size: 0px !important;
font-weight: normal; color: #ffffff; text-align: center; height: 90px;
margin: 0px 0 0 0; border: none; background:
url(’http://contohgambar.com/namakamu.gif’) no-repeat center left;
padding: 0px 0 0 0; } </style>

*nb : Rubah URL nya dg URL image nama kamu baik file gif animasi / file jpg. Masukan CSS code nya dalam kolom HEADING NAME.

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- FRIENDS TABLE BACKGROUND :

<style
type="text/css"> .right_column .column_content { background-image:
url(IMAGE URL HERE); background-position:top right;
background-repeat:no-repeat; }</style>

Jangan
lupa untuk merubah URL IMAGE nya. Jika kamu ingin merubah posisi image
repeat , rubahlah posisi ini ‘background-repeat:no-repeat; Menjadi
‘repeat’.
*Masukan CSS code background image kedalam friends box.

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- PROFILE INFO DAN MORE ABOUT ME BACKGROUND :
CSS CODE untuk Profile Info table :

<style
type="text/css"> .left_column_wrapper,.left_column_wrapper
.left_column_content { background-image: url(IMAGE URL HERE);
background-position:top right; background-repeat:no-repeat; }
</style>

CSS CODE untuk More About Me table :

<style
type="text/css"> #moreContent { background-image: url(IMAGE URL
HERE); background-position:top right; background-repeat:no-repeat; }
</style>

CSS CODE untuk Friends Table Background :

<style
type="text/css">.right_column .column_content { background-image:
url(IMAGE URL HERE); background-position:top right;
background-repeat:no-repeat; } </style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MENGHILANGKAN BAGIAN LINK ADS DI BAGIAN PALING BAWAH PROFILE FS KAMU :

<style
type="text/css"> .adHeadline, .adText, .adLink { filter:
alpha(opacity=0); opacity:.00; height:0px !important; width:0px
!important; text-decoration: none; color: #ffffff; font-size:0px
!important; }  </style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MENGHILANGKAN TEXT DI BAGIAN FOOTER :

<style type="text/css"> #footer {text-indent:-2200px; border:none; background-color:transparent;} </style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MENYEMBUNYIKAN IKLAN ADVERTISMENT DIBAWAH KOTAK FRIENDS :

<style
type="text/css"> .right_column_bigbox { top: 0px; left: -9999px;
background-color: transparent; filter: Alpha(Opacity=00); width: 0px;
height: 0px; } </style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MENGHILANGKAN "adlink" in "Popular Search In My Network" :

<style
type="text/css"> #teaserbox img { background-color: transparent;
#teaserBox { top: 0px; left: -9999px;} </style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MENGHILANGKAN garis merah , garis putih bawah di bagian navigasi :

<style
type="text/css"> #mainnav { background-color:transparent;
background-image: none; } #mainnav .left, #mainnav .right {
background-color: transparent; background-image: none; } #navdivider {
border: 0px; } #navigation div { background-color:transparent; }
</style>

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MEMBUAT STATUS WINDOW :

masukan code ini ke kotak css

body
{color:expr/**/ession( function customstatusbar() {window.status=’.::
TULIS STATUS WINDOW KAMU DISINI ::.’ return true} if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=customstatusbar);}

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MEMBUAT PAGE TITLE :

masukan code ini ke kotak css

body{top:expr/**/ession(custompagetitle()
function custompagetitle(){ document.title = ‘SELAMAT DATANG
‘+pageViewerFName+’ DI PAGE SAYA’; });}

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- MEMBUAT ALERT SELAMAT TINGGAL :

masukan code ini ke kotak css

body{left:exp/**/ression(
function goodbye() {alert(’Goodbye ‘+pageViewerFName+’ jangan lupa
dateng lagi’);} window.onunload=goodbye);}

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- RIGHTCLICK-DISABLED :

masukan code ini ke kotak css

body
{ height:expr/**/ession(var message=" RIGHTCLICK DISABLED! "; function
clickIE4(){ if (event.button==2){ alert(message); return } } function
clickNS4(e){ if
(document.layers||document.getElementById&&!document.all){ if
(e.which==2||e.which==3){ alert(message); return } } } if
(document.layers){ document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4 } else if
(document.all&&!document.getElementById){
document.onmousedown=clickIE4; } document.oncontextmenu=new
Function("alert(message);return false")); }

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- Alternative lain RIGhT CLICK-DISABLED :

masukan di kotak Now Playing

<div id="infiniterightclick"></div>

Lalu, masukan code ini di kotak CSS

#infiniterightclick {right:expr/**/ession(
function infiniterightclick(){if (event.button==2){
alert("Hi "+pageViewerFName+"!");
alert("Mari kita berhitung 1 sampai 10!");
fstweakersinfiniteinnerrightclick();}}
function infiniteinnerrightclick(){
alert("1");
alert("2 ");
alert("3 ");
alert("4 ");
alert("5 ");
alert("6 ");
alert("7 ");
alert("8 ");
alert("9 ");
alert("10 ");
alert("Lanjuuuuuuutttt…");
infiniteinnerrightclick();}
document.onmousedown=infiniterightclick);}

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- Scrolling Testimonial

div.testimonialbody{padding: 5px 2px 5px 2px;
overflow: auto; border:1px black solid; height: 80px; }

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- Menempatkan smua bagian profile kamu di Tengah

#twoClmLeftWide .right_column
{margin-left:350px; float:none;}
.left_column_wrapper {border-width:0px; background:transparent;}
#twoClmLeftWide .left_column_wrap
{width:500px; margin-left:250px; clear:none;}
#twoClmLeftWide .left_column_content
{width:500px; clear:none;}
#twoClmLeftWide .left_column_header2
{width:500px; clear:none;}

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- Menempatkan smua bagian profile di tengah dan menghilangkan box friends list, popular search, etc.

.right_column {height:0pt!important; width:0pt!important;
position:absolute; top:-5500px; overflow:hidden;
background:transparent; border:none;}
.left_column_wrapper {border-width:0px; background:transparent;}
#twoClmLeftWide .left_column {margin-right:0px!important;}
#twoClmLeftWide .left_column_content
{width:500px; margin-left:250px; clear:none;}
#twoClmLeftWide .left_column_header2
{width:500px; margin-left:250px; clear:none;}

Pilih warna [Clik Disini]

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - -

- Glowing All Text

/* GLOWING TEXT */
a:link, a:visited, a:active
{ filter:glow(color=#00CCFF, strength=5); height:0; }
a:hover{ filter:glow(color=#33FFFF, strength=5); height:0;}
h1, p { filter:glow(color=#33FFFF, strength=5); height:0; }

Pilih warna [Clik Disini]