Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))
5 posters
Halaman 1 dari 1
Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))
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
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
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 */
/* https://taziex.forumid.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(https://2img.net/h/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
Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))
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 : -
-
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
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
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);
-
- Code:
http://h1.badwaresite.www/blackcurut2331/tasik/budak.css
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
Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))
mas kenapa musti sedot fs orang seh
CiE_iKanG- Super Senior
- Jumlah posting : 193
Join date : 18.10.08
Age : 36
Lokasi : my humz sweet humz
Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))
™jajaka_taziex™ wrote:mas kenapa musti sedot fs orang seh
klo sedot orangna bahaya, mending sedot fsnya doang
Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))
makasi banyak om . . .
sekarang ane dah mulai agak paham..
sekarang ane dah mulai agak paham..
kristz07- Administrator
- Jumlah posting : 890
Join date : 20.04.08
Age : 35
Lokasi : tasikmalaya
Re: Iseng-iseng.... Ngedit FS yuuuuuu, mungpung masih pada liburan =))
x-code wrote:
_______________________________________________________________________
hayang bisa ... tapi hoream wae
hayang bisa ... tapi hoream wae
CiE_iKanG- Super Senior
- Jumlah posting : 193
Join date : 18.10.08
Age : 36
Lokasi : my humz sweet humz
Halaman 1 dari 1
Permissions in this forum:
Anda tidak dapat menjawab topik
|
|