Just To The Point Pasti pada tau kan fasilitas friendster yang satu ini... Walaupun Friendster Blogging kurang populer, tapi saya akan membagikan beberapa tweaks bwat kamu-kamu semua, FTIers! Oke, just check it out..... [quote=andHa]Buat para member yg blum bisa buat blog, ini ada tutorial simple nya. mungkin ntar thread starter bisa masukin ini d postingan pertama nya. sorry, gw ngambil screenshot dari how to create blog (tutorial) by kimyasay10 soal nya gw ga bisa nyediain screenshot nya. karena gw udah punya blog. 1. Pilih update blog d home page. 2. Kemudian akan masuk ke halaman berikut nya, pilih Friendster Blogs Free 3. Pilih nama (url) yg lu mau. 4. Trus pilih Agree With Terms of service dan Continue mudah.mudahan berguna buat yg niat bikin blog:D cuma fs nya rada error. susa kalo mu nge-tweak blog. [/quote] Where To Place The Codes? 1. Log-In dulu ke Friendster 2. Harus dah punya Friendster Blog 3. Lalu lihat drop down menu yang ada di home, keliatannya seperti ini: [img]http://www.freewebtown.com/fmxg/images/blog.jpg[/img] Okeh.... Plih Update Blog 4. Trus ke bagian Edit Configuration 5. Nah, muncul kayak begini kan? Masukin kode di bagian Blog Description: [img]http://www.freewebtown.com/bunsoy/blogpanel2.JPG[/img] 6. Tekan Save trus Publish Okeh.... Itu cara nempatin kodenya... Mulai Tweaks nya: CSS Magic Codes (Tweaks) Remove Google Ads: [quote]<style> /* FriendsterMagic - remove all google ads */ .friendster-banner-ad-wrapper {display:none;} .friendster-body-ad {display:none;} .friendster-footer-ad {display:none;} </style>[/quote] Remove Logo & Banner: [quote]<style> /* FriendsterMagic - remove banner */ #banner-inner {/*logo*/display:none;visibility:hidden;} .friendster-banner {/*logo*/display:none;} .friendster-banner-nav-wrapper {/*navigation*/display:none;} .friendster-banner-nav {/*navigation*/display:none;} </style>[/quote] Center Blog: [quote]<style> /* FriendsterMagic - center text and scrollable post entry */ .entry { overflow: auto; height: 200px; width: 500px; text-align:center; border: #ffffff; border-style: solid; border-width: 1px; } </style>[/quote] Transparent Box: [quote]<style> /* FriendsterMagic - transparent body container */ #container-inner {border:none;} #container { background: transparent; border: #ffffff; border-style: solid; border-width: 1px; } </style>[/quote] Personalize Logo Friendster: [quote]<style> /* FriendsterMagic - personalize blog logo */ #banner { background: #000000; background-image: url(URL_OF_YOUR_LOGO); background-attachment: fixed; background-repeat: repeat-no; background-position: center center; margin:20px 10px 30px 10px; padding: 100px 0px 300px 0px; border: #ffffff; border-style: solid; border-width: 1px; } </style>[/quote] Page Background: [quote]<style> /* FriendsterMagic - main background */ body { background: #000000; background-attachment: fixed; background-repeat: repeat; background-image: url(URL_OF_YOUR_IMAGE); background-position: top left; margin: 20px 0px 20px 0px; } </style>[/quote] Remove Footer: [quote]<style> /* FriendsterMagic - remove footer */ .friendster-footer {display:none;} </style>[/quote] Contoh Premades: [quote]/* friendster banner */ .friendster-banner { position: relative; width: 100%; margin: 0; border-bottom: 1px solid #546172; padding: 0; background: #d5d5d5; text-align: center; } .friendster-banner-nav-wrapper { background: #e33800 url(URL OF BANNER') repeat-x;; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px } .friendster-banner-nav { position: static; overflow: hidden; width: 780px; margin: 0 auto; text-align: left; } .friendster-banner-nav-logo { float: left; display: inline; } .friendster-banner-nav-links { float: right; display: inline; color: #fff; font-family: arial, helvetica, sans-serif; } .friendster-banner-nav-links a:link, .friendster-banner-nav-links a:hover, .friendster-banner-nav-links a:active, .friendster-banner-nav-links a:visited { color: #fff; } .friendster-banner-nav-links a:hover, .friendster-banner-nav-links a:active { text-decoration: underline; } .friendster-banner-ad-wrapper { padding: 10px 0; } .friendster-banner-ad { position: static; overflow: hidden; width: 728px; margin: 0 auto; text-align: center; } /* friendster footer */ .friendster-footer { position: relative; width: 100%; margin: 0; padding: 10px 0; text-align: center; } .friendster-footer-ad { position: static; overflow: hidden; width: 728px; height: 90px; margin: 0 auto; text-align: left; background: #eee; } .friendster-footer-nav { width: 728px; margin: 10px auto 0; font-family: arial, helvetica, sans-serif; font-size: 10px; text-align: center; } /* friendster body ad */ .friendster-body-ad { margin-bottom: 40px; text-align: center; } /* link banner */ .link-banner { position: relative; width: 100%; margin: 0; border-bottom: 1px solid #ccc; background: #fff; font-family: helvetica, arial, 'trebuchet ms', sans-serif; font-size: 11px; text-align: center; } .link-banner-inner { display: block; position: static; width: 672px; margin: 0 auto; padding: 5px 0; text-align: left; } .link-banner a, .link-banner a:visited { text-decoration: underline; color: #333; margin-right: 15px; } .link-banner a:hover { text-decoration: underline; color: #546172; } /* comment form */ #friendster-comment-login { display: block; } #friendster-comment-form { display: none; }[/quote] Trus, satu lagi, (TAMBAHAN) Premade: [quote]/* Original fresh CSS from friendster.com */ /* CSS modified by S|aSher-X http://www.friendster.com/eksss */ /* i have a feeling that these comments will probably not be here for long */ /* enjoy pimping! */ /* -- scrollbar colors -- */ html, body { scrollbar-face-color: #727E7E; scrollbar-shadow-color: #262727; scrollbar-highlight-color: #727E7E; scrollbar-3dlight-color: #454E4D; scrollbar-darkshadow-color: transparent; scrollbar-track-color: #454E4D; scrollbar-arrow-color: transparent; scrollbar-base-color: #454E4D; } /* -- bgcolor of the blog -- */ body { min-width: 780px; color: #ccc; background: #252525; } /* -------------------------------------------------------------------------------- */ /* -- banner behind the photo and blog title -- */ #banner { width: 760px; /* necessary for ie win */ background: #600 url(http://i67.photobucket.com/albums/h316/slasherx12/transparent-bg_X.gif) repeat-x; background-color: transparent; } /* -------------------------------------------------------------------------------- */ /* -- repeating background image of the body -- */ #container { width: 780px; background: url(http://i138.photobucket.com/albums/q279/jsesbreno/ContainerBG-1.jpg) repeat-y; } /* -------------------------------------------------------------------------------- */ /* -- bgcolor behind the topheader .. and i also use this to center my topheader on both IE and Mozilla -- */ .friendster-banner { position: relative; /*width: 780px; height: 156px;*/ width:100%; margin: 0; border-bottom: 0px solid #546172; padding: 0; background: #252525; text-align: center; } /* -------------------------------------------------------------------------------- */ /* -- my topheader -- */ .friendster-banner-nav-wrapper { width: 780px; height: 132px; background: url(http://img.photobucket.com/albums/v674/EphimeralKaizer/ItachiHeader.jpg); } /* -------------------------------------------------------------------------------- */ /* -- dont know what this is .. i think its the position of my topheader -- */ .friendster-banner-nav { position: static; overflow: hidden; width: 780px; margin: 0 auto; text-align: left; } /* -------------------------------------------------------------------------------- */ /* -- friendster logo (i think) -- */ .friendster-banner-nav-logo { display: none; } /* -------------------------------------------------------------------------------- */ /* -- Home | Blogs links -- */ .friendster-banner-nav-links { float: right; display: inline; color: #393f3f; font-family: arial, helvetica, sans-serif; padding-right: 20px; padding-bottom: 5px; font-weight: bold; text-decoration: none !important; } /* -------------------------------------------------------------------------------- */ /* -- says pretty much everything on the Home | Blogs section only! -- */ .friendster-banner-nav-links a:link, .friendster-banner-nav-links a:hover, .friendster-banner-nav-links a:active, .friendster-banner-nav-links a:visited { color: #393f3f; text-decoration: none !important; } /* -------------------------------------------------------------------------------- */ /* -- top ads -- */ .friendster-banner-ad-wrapper { width: 780px; height: 132px; display: none; } /* -------------------------------------------------------------------------------- */ /* -- top ads -- */ .friendster-banner-ad { display: none; } /* -------------------------------------------------------------------------------- */ /* friendster footer (ads) */ .friendster-footer { width: 780px; height: 132px; display: none; } /* -------------------------------------------------------------------------------- */ /* -- body ads -- */ .friendster-body-ad { width: 780px; height: 132px; display: none; } /* -------------------------------------------------------------------------------- */ /* -- module header or the little rectangular boxes with links (not all) on the right side of my blog -- */ .module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0 0 1px 0; padding: 5px 5px 5px 24px; /*color: #f93;*/ color: #2b2e33; background: #0f181f url(http://i138.photobucket.com/albums/q279/jsesbreno/Headers.gif) 0 50% no-repeat; font-size: 11px; font-weight: bold; text-transform: uppercase; } .module-header a, .trackbacks-header a, .comments-header a, .comments-open-header a, .archive-header a { color: #2b2e33; text-decoration: none; } .module-header a:visited, .trackbacks-header a:visited, .comments-header a:visited, .comments-open-header a:visited, .archive-header a:visited { color: #2b2e33; } .module-header a:hover, .trackbacks-header a:hover, .comments-header a:hover, .comments-open-header a:hover, .archive-header a:hover { color: #FFFFFF; } /* -------------------------------------------------------------------------------- */ /* -- user photo -- */ .banner-user { float: left; overflow: hidden; width: 64px; margin: 0 15px 0 0; border: 0; padding: 0; text-align: center; } .banner-user-photo { display:compact; margin: 0 0 2px 0; border: 0; padding: 0; background-position: center center; background-repeat: no-repeat; text-decoration: none !important; } .banner-user-photo img { width: 64px; height: auto; margin: 0; border: 0; padding: 0; } /* -------------------------------------------------------------------------------- */ /* -- title of your blog -- */ #banner { position: relative; /* ie 5 win */ p\osition: static; /* everything else */ } #banner a { display:none; color: #fff; font-weight: bold; text-decoration: none; } #banner a:visited { display:none; color: #fff; } #banner a:hover { display:none; color: #989898; } /* -------------------------------------------------------------------------------- */ /* -- i forgot what this is :S -- */ .module-powered .module-content { display: none; margin: 0; padding: 10px; border: 1px solid #888899; color: #fff; background: #343f4a; } /* -------------------------------------------------------------------------------- */ /* Title of your Active Post */ .entry-header { margin: 10px 0; padding: 0; color: #FFFFFF; font-size: 18px; font-weight: bold; font-style: italic; text-decoration: none !important; } /* -------------------------------------------------------------------------------- */ /* --h3 size (the title of the active post) -- */ h3 { text-align: center; } /* -------------------------------------------------------------------------------- */ /* -- chars at the main body -- */ div.entry-body { text-align: justify; } /* -------------------------------------------------------------------------------- */ /* -- haha forgot this too -- */ .module-content { position: relative; margin: 0px 0px 0px 0px; } /* -------------------------------------------------------------------------------- */ /* -- color of the BODY of the lil rectangular boxes on my right side -- */ div.module-content { background: transparent; } /* -------------------------------------------------------------------------------- */ /* -- bullet -- */ ul.module-list li { margin: 0px 0px 15px 0px; padding-left: 0px; /*background: url(theme-beckett/li-bg.gif) 0 0.3em no-repeat;*/ background: transparent; } /* -------------------------------------------------------------------------------- */ /* -- colors of the links on the right of my blog -- */ .module-content a { color: #cccccc; font-weight: bold; } .module-content a:visited { color: #cccccc; } .module-content a:hover { color: #ffffff; } /* -------------------------------------------------------------------------------- */ /* -- divider image -- */ #container-inner { margin: 0 10px 0 10px; border-bottom: 1px solid #5b626a; background: url(http://img220.imageshack.us/img220/2059/dividerbgxec1.gif) 297px 0 repeat-y;[/quote]

Last edited by ymm0t (2008-07-01 21:28:09)