Your Ad Here

Tuesday, October 9, 2007

CSS sembunyikan layout friendster bagian pertama

Posting kali ini kita akan memberikan beberapa kode CSS yang bisa digunakan untuk menyembunyikan bagian-bagian tertentu pada tampilan Friendster layout kamu. Ingat ini kode css bukan .js loh, kalian harus tau bedanya (setidaknya dengan melihat aja sudah tau).

Dan sekali lagi, tidak ada kepastian sampai kapan kode-kode tersebut masih berfungsi dengan baik karena saking seringnya pihak Friendster meng-update filter code yang diperbolehkan dan yang tidak. Juga tidak semuanya bisa berjalan mulus pada semua browser, sebagian hanya di IE (internet explorer) atau cuma FF (Mozilla FireFox) dan Opera.

Tapi bagaimanapun juga silahkan coba dan nikmati sendiri hasilnya.Oke mari kita mulai saj, berikut daftar kode css untuk sembunyikan bagian tertentu di layout friendster (CSS Hide Codes) :

Hide Navigation Language Kode sembunyikan Navigasi Language,
Code :
/* Hide Navigation Language */
#navLang { display: none ! important }

Hide Arrows at Main Nav Drop down listKode css untuk sembunyikan tanda panah pada menu navigasi (kan bentuknya dropdown tuh).
Code :
/* Hide the arrows in your mainnav dropdown links */
#mainnav .mainfoldericon {display:none!important;}

Hide About me paragraph in control panelKode sembunyikan bagian paragraf 'About me' di Control Panel
Code :
.controlpanel p {display:none!important;}

Hide Recent UpdatesKode untuk sembunyikan 'Recent Updates'
Code :
/* Hide Recent Updates */
.user_tracker {display:none!important;}

Hide Google searchSembunyikan kolom pencarian Google (jarang dipake kali yaa..?).
Code :
#search {display:none!important;}

Hide Friendster ClassifiedsSembunyikan iklan yang suka nongol tuh (padahal dari iklan tsb friendster cari keuntungan, koq disembunyi'in?). Tapi dari pada merusak pemandangan layout friendster kita ya kita buang juga gak apa-apa koq..
Code :
/* Hide Friendster Classifieds */
#marketing {display:none!important;}

Hide FooterSembunyikan bagian Footer nya Friendster.. ya tau sendiri lah apa isinya di bagian bawah friendster tuh??
Code :
/* Hide Footer */
#footer_container {display:none!important;}

Hide Footer Link onlyKalo ini cuman link-linknya saja yang disembunyikan, yang bukan link gak dihilangkan.
Code :
/* Hide Footer link only */
#footer a {display:none!important;}

Hide Friendster LogoYang ini ampuh nih, bisa sembunyikan logo friendster yang dipojok atas tuh.
Code :
/* Hide friendster logo */
#logo {display:none!important;}

Hide Google Ads sidebarYang ini kalau disembunyikan bisa merugikan Friendster nih, mereka cari duit dari iklan padahal.
Code :/* Hide sidebar google ads*/
#ads_2_3 {display:none!important;}

Hide Messages Setting Help Log outSembunyikan bagian Messages, Setting, Help, Logout di bagian atas halaman profile.
Code :
/* Hide Messages Setting Help Log out*/
#subnav_search {display:none!important;}

Hide How you are connected boxSembunyikan bagian kotak 'Hide How you are connected box'
Code :
/* Hide How you are connected box */
#meettrail_2_1 {display:none!important;}

Hide Media boxSembunyikan Kotak Media box
Code :
/* Hide Media box */
#scrapbook_1_8 {display:none!important;}

Hide Friends BoxSembuyikan kotak yang berisi sapa saja teman kamu
Code :
/* Hide Friends Box*/
#friends_2_2 {display:none!important;}

Hide control panel buttonsSembunyikan tombol Control Panel
Code :
/* Hide control panel buttons */
#controlPanelButtons {display:none!important;}

Masih kurang? tenang ini baru bagian pertama. Sebenarnya masih ada lebih dari setengah yang sudah di atas tapi berhubung tangan sudah capek mijitin keyboard, jadi postingannya akan disambung dengan Hide codes Part 2. Oke. Mengenai kode yang di atas, silahkan pilih saja apanya yang mau dihilangkan, kemudain copy-paste-kan ke bagian kode CSS profile kamu atau ke css extension (kalo eksternal).

No comments: