PANDU TKK

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>

- 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_co lumn .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>

- IMAGE BLUR SLIDESHOW :

<center><marquee behavior=alternate DIRECTION=left to right WIDTH=100% Height=70 STYLE=filter:blur(add=2, direction=directions, strength=70)><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>

- MEMBUAT KOTAK DENGAN SCROLLBOX :

<div style=width: 400px; 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 .

- 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 .

- 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

- 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_u1024×100.gif); } </style>

- 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=0 px)></a>

*nb : masukan di NOW PLAYING

- MENGHILANGKAN IKLAN GOOGLE :

<style type=text/css> /* Start Kill google ****!! */ /* 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 ****! */ </style>

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

- 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 na