Sunday, July 27, 2008

Menampilkan News Line

Kemarin sempat jelajah-jelajah blognya pendekar adsense, nemu salah satu trik blogging untuk menampilkan status line ala firefox. Contohnya ya bisa dilihat langsung di blog nya pak Cosa di bagian paling atas, ada pesan kecil tampil mirip alertnya mozilla firefox saat ada plugin yang belum di install. Pada tulisan tersebut beliau memberikan trik untuk buat yang begituan. Namun beliau mengkhususkan penggunaan trik tersebut untuk wordpress, walau beliau juga menyebutkan trik ini juga bisa dipakai untuk blogspot.

Trus iseng-iseng sedikit saya modif, dengan menggabungkan tips tersebut dengan tips auto hide navbarnya blogspot. Agak seneng juga sih saat berhasil...hasil utak-atik tersebut, jadinya adalah:

Statusline ala firefox yang saat mouse over (cursor focus), status line tersebut akan secara otomatis tampil. dan ketika cursor tidak focus padanya, status line tersebut akan hilang. Contohnya bisa dilihat diSINI.


Coba arahkan cursor anda di bagian paling atas halaman, insyaAllah akan tampil pesan yang saya maksudkan.

Tertarik untuk membuatnya? Berikut ada trik sederhana untuk membuatnya:




Sediakan code CSS untuk statusline (kita sebut newsline aja ya..! :D) tersebut. Contohnya:


#newsline{padding:5px;background-color:#f2ff91;margin:0;border:3px inset #c7d93f;width:100%;left:0px;top:0px;position:absolute;font-family:sans-serif;font-size:1em;text-align:center;opacity:0.0;filter:alpha(Opacity=0)}

#newsline:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}




Letakkan di bagian CSS blogspot Anda, Tepatnya di atas code ]]></b:skin>.



Setelah itu, letakkan code berikut ini di dalam body. Contohnya, letakkan saja di atas code </body>


<div id="newsline" class="newsline">
pesan yang ditampilkan taruh disini
</div>





Andaikan anda tidak ingin newsline tersebut hilang saat cursor tidak focus, maka anda bisa menghapus code yang saya tandai warna hijau, maka newsline tersebut akan tetap tampil :).
Sudah? Silakan Simpan saja. Dan lihat hasilnya!

Silakan dimodifikasi sesuai selera Anda. Jangan lupa komentarin postingan ini, baik berhasil ataupun gagal.

Terima kasih. :)

Sunday, July 20, 2008

Membuat eMail dengan Domain Sendiri_2

Ini merupakan postingan lanjutan dari artikel sebelumnya. Jika belum membaca artikel yang sebelumnya, insyaAllah gak bakalan nyambung :p :D.


Oke...setelah berhasil melakukan pendaftaran di google Apps. Kini saatnya kita mengaktifkan keanggotaan kita. Atau layanan-layanan google Apps agar bisa kita gunakan. Silakan ketik di browser Anda:

Go to your admin room at google apps

Ganti fs-syahur.co.cc dengan alamat domain Anda.
Kemudian, Sign In dengan username Admin Anda. Contoh:
Go to your admin room at google apps

Setelah berhasil log in, klik Active Email.
active email


Di halaman proses aktivasi, di bagian paling bawah ada tulisan "I have complete these steps". JANGAN KLIK tulisan itu. Kecuali jika Anda sudah:
  • Sign In ke DNSPark.Net
  • Pilih domain yang ingin Anda pakai untuk aktifasi email. Dalam contoh ini saya menggunakan www.fs-syahur.co.cc.
  • pilih domain
  • Pada Add Record, Pilih Type MX dan isi data sebagai berikut:
    isi mx

    Kemudian Klik Update All.

Setelah Update All, ulangi lagi penambahan MX seperti cara diatas, yaitu Add Record, pilih type MX. Namun data yang diisi tidaklah sama, melainkan sebagai berikut:
data mx

Sehingga Hasilnya akan seperti ini:
data mx hasil



Oke, saya rasa sudah selesai nih...
Kembali lagi ke halaman aktivasi google apps tadi.
Kalo tadi ada larangan jangan klik "I have complete these steps", maka sekarang larangan itu sudah tidak berlaku lagi, bahkan anda wajib mengklik tulisan tersebut. Namun sebelumnya, cek lagi data mx anda yang di dnspark tadi, pastikan semua data diisi dengan benar.
Butuh beberapa waktu untuk melalui proses aktivasi...pengalaman saya: sekitar 30 menit.
Jika sudah aktif...maka selamat! Anda sudah memiliki alamat email dengan domain sendiri!

oh ya...
kalau udah berhasil...jangan lupa kabarin saya ya :)
Terima kasih. Semoga bermanfaat.

Saturday, July 19, 2008

Membuat eMail dengan Domain Sendiri_1


Tanpa basa-basi aja deh...males banget ngarang lagi...konsep postingan ini udah ilang :(...
Langsung...Langsung...Langsung...!
Untuk membuat email dengan domain sendiri, mbah Om Agus Ramadhani pernah menulis tentang hal ini pada tulisan beliau tentang Account email domain sendiri (Tutorial Google Apps). Dalam tulisan tersebut oom menyebutkan teknik pembuatan email dengan menggunakan akun kita sendiri. Kolaborasi antara DNSPark dengan Google Apps. Namun telah terjadi perubahan input pada pihak DNSPark yang perubahan tersebut mengakibatkan tulisan yang ditulis o-om akan sedikit berbeda dengan yang ada pada DNSPark. Google Apps merupakan penyedia Account emailnya, sementara DNSPark sebagai sarana 'memarkir' domain yang akan kita gunakan untuk akun email nantinya, misalnya @syahur.co.cc. Arrg...males banget nulis tentang definisi...ayuk...langsung saja cara pembuatannya!

Syarat mengikuti


  1. Anda sudah memiliki domain sendiri, baik yang gratisan atau yang berbayar. Contoh penyetingan custom domain (untuk memiliki domain sendiri) dapat Anda lihat DISINI.
  2. Anda sudah mengarahkan CNAME domain Anda ke pihak ketiga. Misalnya (dan rekomendasi) adalah DNSPark.Net. Contoh penyetingan domain yang cnamenya mengarah ke server DNSPark bisa Anda baca DISONO
Oke, jika sudah memenuhi kedua syarat tersebut, silakan ikuti panduan sederhana untuk mendaftarkan domain Anda ke Google Apps:
  • Menuju ke www.google.com/a/
  • Daftarkan domain Anda. Klik tombol warna biru yang ada disebelah kanan atas layar bertuliskan "Compare Edition and Sign Up".
  • Pada saat memilih edisi apa, silakan pilih sesuka hati Anda. Tapi sepertinya memang pilihannya tidak banyak: Standard dan Premium. Kalo pake bahasa Indo mungkin ada edisi lagi: "edisi Pendidikan". Pilih saja edisi Standard. Klik Sign Up pada edisi standard. Ato kalo mau meraba dompet boleh juga tuh...paket premier... he he he... :))
  • Pilih Administrator: I own or control this domain. dan ketik alamat domain Anda pada field yang tersedia dibawahnya. Contoh pada tutorial ini adalah: www.fs-syahur.co.cc.
  • Pada step 2 of 3, Anda akan disuruh isi formulir pendaftaran. Silakan isi data Anda disitu. Contoh ni ye:

    contoh pengisian formulir pendaftaran google apps
  • Trus langsung klik tombol continue aja...
  • Nah, dah sampe di tahap 3 tuh...kita disuruh isi data Admin. Isi dengan bener! Jangan sampe ada yang lupa, dan jangan sampe paswordnya ketahuan ama orang! Bahaya! Berikut contohnya:
    contoh pengisian data admin
    Trus langsung klik I accept. Continue with set up.
  • Nah...sekarang kita udah sampe di halaman Admin...coba itung...ada berapa layanan yang disediakan? he he he
    contoh ruangan admin
    Yang saya tandai itulah yang akan kita bahas...yaitu tentang teknik aktivasi akun email gratis! Tersedia 500 akun email gratis yang bisa kita pakai. Masing masing mendapat jatah 6GB. Kalo mau lebih rakus banyak, silakan beli yang edisi premier.
Sampai saat ini, email dengan akun domain kita sendiri (dalam contoh ini email @fs-syahur.co.cc) sudah KITA MILIKI. NAMUUUN...belum diaktifasi :p. Proses aktifasi inilah yang sedikit membingunkan jika kita baca petunjuk mbah google tentang dnspark yang juga terjadi pada tutorial yang ditulis o-om.
Apa anda tertantang untuk mencoba untuk mengaktifkan sendiri email Anda? Atau tunggu artikel saya selanjutnya tentang aktifasi email :p
Sabaar...

Friday, July 18, 2008

Show Hidden Files/Folders

Pernah suatu kali flashdisk saya terkena Trojan. Kebetulan semua file dalam flashdisk tersebut saya masukin dalam folder masing-masing kategori. Dalam folder folder tersebut juga terdapat banyak anak cucu folder. Jadi, ketika flashdisk tersebut terkena trojan, semua folder ASLI secara otomatis terganti, atau lebih tepat lagi disembunyikan (entah oleh siapa :D) dan berubah menjadi file yang ber gambar icon persis seperti folder. Seperti yang kita ketahui, folder tidaklah memiliki extensi apa-apa. Namun flashdisk yang terinfeksi trojan, folder tersebut akan tergantikan dengan folder samaran yang berextensi *.exe. Kita yang tidak tau tentang trojan, akan mengira file/folder tersebut adalah file kita, padahal pada hakikatnya adalah:
flashdisk kita terkena torjan, file/folder kita disamarkan nama dan iconnya oleh Trojan, yang sangat berbahaya jika kita membuka file/folder tersebut.
Bagaimana kita menandai itu file asli kita atau file trojan? Simplenya: folder tersebut ada extensi di belakangnya, misalnya: nama folder Anda "tugas kuliah". Anggaplah folder tersebut berkapasitas 50MB. Nah, ketika folder tersebut disamarkan oleh trojan, folder tersebut bukan lagi bernama tugas kuliah, melainkan tugas kuliah.exe. Untuk memastikan extensinya, Anda perlu menampilkan extensi setiap file, caranya: klik tools >> folder option >> view >> uncheck Hide extensions for known file types. Dan Folder yang disamarkan trojan tersebut, kapasitasnya bukan lagi 50MB. Melainkan menjadi lebih kecil (namanya juga samaran) dan tidak sampai 1 MB (lupa berapa ukuran pastinya).
Dalam kondisi seperti ini, Anda tidak perlu panik. Karena menurut pengalaman saya, file kita tidaklah hilang. melainkan DISEMBUNYIKAN. Maka yang harus Anda lakukan adalah:
1] Scan flashdisk Anda dengan antivirus yang UPDATE.
Setelah di scan (dan trojannya bersih), flashdisk Anda akan terlihat kosong tak berisi. Namun ketika Anda mengecek kapasitas flashdisk Anda, sama sekali tidak terlihat sebagai flashdisk yang kosong. Alias: file asli flashdisk anda disembunyikan (kok dari tadi ini-ini aja yach diulang...cape deh...).
2] Tampilkan kembali file flashdisk Anda dengan cara membuka Windows Explorer >> Tool >> Folder options >> View >> Show Hidden Files and Folders >> Uncheck Hide protected operating system files.
Trus baru deh klik kanan pada folder/file yang terhidden tersebut (yang di flashdisk) >> properties >> Uncheck Attribut Hidden. Biasanya nih, file yang tersembunyikan karena trojan, attribut hidden ini tidak bisa kita klik, alias locked. Jadi, file Anda tidak bisa ditampilkan! Kecuali dengan cara:
3] Tampilkan kembali file hidden Anda secara paksa dengan menggunakan software explorer alternatif selain windows explorer bawaannnya xp. Contoh: Windows Commander (shareware).
4] Jika Anda tidak bisa menemukan atau malas meng-install aplikasi alternatif, maka Anda dapat secara mudah menampilkan "locked hidden file" tersebut dengan menggunakan command promt. Klik Start >> Run >> ketik "cmd" >> tekan ENTER. Secara default, command prompt menghadapkan kita pada direcktory User. Misalnya C:\Document and Setting\user>. Untuk bisa menampilkan "locked hidden file" yang ada di flashdisk kita, masukkan perintah memanggil lokasi flashdisk. Anggaplah lokasi flasdisk Anda ada di drive E. Maka masukkan command "E:" tanpa tanda petik. Trus tekan Enter. Oke, langsung saja sampeyan tampilkan "locked hidden file" yang ada di flashdisk dengan mengetik command:

attrib -h

Kemudian tekan ENTER.

Dan seketika itu juga seluruh hidden file yang ada di disk kita akan ter-recovery seperti sedia kala.

Oke, itu hanya sekedar pengalaman aja, sudah beberapa kali ketemu kasus seperti itu. Pertama kalinya panik! Karena memang saya pikir seluruh isi flashdisk saya hilang. Namun ada rasa penarasan, kok flashdisk yang terlihat kosong namun pada saat membuka properties (mau liat kapasitas), kapasitasnya terisi. Saat itu saya menggunakan aplikasi windows commander. File hidden tersebut terlihat dengan jelas pada windows commander, dan bisa kita unhide secara mudah (kalo di windows explorer kagak keliatan, kecuali udah setting di opsi folder). Namun belakangna ini saya temukan trik mudah seperti tulisan di atas, yaitu dengan command prompt. Sangat sederhana, namum ampuh :).

semoga bermanfaat. Dan apabila ada yang salah, mohon diingatkan. Terima Kasih.

Tuesday, July 15, 2008

eMail Gratis 6 GB @syahur.co.cc

Akhirnya selesai juga! Ujian Akhir Semester genap itu selesai juga! doakan yach, semoga IP kali ini bagus...Amiin..
Obs...ternyata bukan hanya ujian kuliah yang selesai...tapi saya juga baru menyelesaikan pembuatan email gratis dengan memanfaatkan fasilitas google apps. Hasilnya adalah, email dengan kapasitas 6 GB dengan domain @syahur.co.cc. Misalnya fulan@syahur.co.cc. Wew...benar-benar hari yang menyenangkan... akan aku ingat tuh: 15 Juli 2008.

Saat pendaftaran, saya mengambil paket 100 akun email...padahal ada pilihan hingga 500 akun tuh...tapi ini untuk percobaan aja...dan berhasil! Pada mulanya saya agak sedikit bingung dan kecewa. Proses pembuatan email ini pada mulanya mentok pada saat verifykasi. Yaitu proses verifykasi yang dijelaskan oleh o-om dan juga keterangan yang diberikan oleh pihak google, lebih tepatnya tentang settingan dan verifykasi domain (DNSPark), jauh berbeda dari fakta yang sebenarnya.
Ini dikarnakan ada banyak perubahan input pada DNSPark. Sementara tutorial yang diberikan o-om, dan juga keterangan yang diberikan oleh mbah google, berbeda! Jadi, terpaksa saya sedikit berjuang meng-utak-atik dnspark selama beberapa jam di warnet. Yach...akhirnya selesai juga....
Alhamdulillah, tepatnya sekitar jam setengah tiga (14.30) pada 15/07/08 (waktu Nanggroe Aceh Darussalam) terselesaikan dan siap menampung 100 akun email dengan domain gratis @syahur.co.cc.

Well blogger, tulisan ini sekedar launching aja, email gratis 6 GigaByte dengan domain @syahur.co.cc, untuk Anda yang sedang membaca artikel ini. Silakan, jika ingin request akun email @syahur.co.cc, sebutkan:
1] Nama depan Anda (contoh: fulan)
2] Nama belakang Anda (contoh: bin titans)
3] username Anda (fulantitans) - sehingga menjadi email: fulantitans@syahur.co.cc
pada kotak komentar postingan ini.

Atau kalau mau privat bisa juga, kirim email yang berisi:
1] Nama depan Anda (contoh: fulan)
2] Nama belakang Anda (contoh: bin titans)
3] username Anda (fulantitans) - sehingga menjadi email: fulantitans@syahur.co.cc
ke email admin[at]syahur.co.cc. ntar saya kirimin passwordnya.
Dan password tersebut bisa Anda edit (ubah) kapanpun. Terima kasih dan happy blogging. :)  


update: sekarang sudah 500 space akun GRATIS!

Monday, July 14, 2008

Dapet duit Karena meng-klik

Ada banyak situs di internet yang menjadi broker PTC. PTC Singkatan dari Paid to Click, atau ada juga yang menyebutnya Pay to Click. Terjemahan sederhananya: dibayar tuk nge-klik = dibayar karena meng-klik. Yapz...saya kira Anda sudah tahu kemana tulisan ini mengarah!: program penghasil duit dari internet melalui 'klik'.
Memang, banyak banget situs PTC yang mempersilakan kita untuk meraup uang (baca: dollar [$]) dari internet. Situs PTC ini akan membayar kita (Anda) karena mengklik. Bukan sembarang klik sih...tapi kita baru dibayar kalau kita mengklik iklan yang pihak situs PTC sediakan, dan kita sudah terdaftar sebagai member mereka.
Oke, akan saya jelaskan lebih rinci:
Di Internet, banyak sekali peluang untuk bisa mendapatkan uang dari internet. Ada yang harus melakukan pendaftaran secara berbayar, ada pula yang gratis. Salah satu peluang untuk mendapatkan uang dari internet adalah PTC (paid to click). Ada tiga (3) pihak yang terlibat dalam program PTC ini:
*Situs PTC; yaitu situs-situs yang menyediakan iklan untuk kita klik (list terlampir),
*Advertiser; yaitu pihak yang menitipkan iklan perusahaan/situs mereka ke situs PTC.
*Kita sendiri; yaitu orang yang tukang klik iklan yang ada di situs PTC.

Transaksinya adalah:
*pihak advertiser (pemilik perusahaan/situs) membayar pihak PTC untuk mempromosikan produk/situs mereka di situs PTC.
*pihak PTC menerima iklan tersebut dan menampilkan iklan punya si advertiser.
*pihak PTC membayar kita jika kita meng-klik dan melihat iklan tersebut.

Masuk akal!
Jadi, kita akan dibayar ketika kita meng-klik dan melihat iklan yang ada di situs PTC. Sementara situs PTC mendapat bayaran dari advertiser karena mempromosikan produk mereka. Anda baru dibayar ketika Anda mengklik iklan mereka jika sudah terdaftar sebagai member di situs PTC yang bersangkutan.
Berikut ini ada beberapa situs PTC yang saya rekomendasikan, yaitu situs-situs PTC yang telah terbukti membayar si tukang klik (setidaknya hingga saya mengetik tulisan ini), silakan mendaftar melalui link berikut, diantaranya:
  1. Bux.to | Klik disini untuk mendaftar di Bux.to.
  2. Hits4Pay |Klik disini untuk mendaftar di Hits4Pay.
  3. AdverBux | Klik disini untuk mendaftar di AdverBux.
  4. AdBux | Klik disini untuk mendaftar di AdBux.
  5. Daddybux | Klik disini untuk mendaftar di Daddybux.
  6. GetPaidMail | Klik disini untuk mendaftar di GetPaidMail.
  7. No-Minimum | Klik disini untuk mendaftar di No-Minimum.
  8. DonkeyMails | Klik disini untuk mendaftar di DonkeyMails.
  9. EasyAdbucks | Klik disini untuk mendaftar di EasyAdbucks.
  10. UnlimitedBux | Klik disini untuk mendaftar di UnlimitedBux.
Peringatan! Sebelum mendaftar, ada baiknya Anda membaca dulu keterangan yang mereka berikan, jangan sampai ntar malah kecewa karena tidak sesuai dengan yang Anda harapkan.

Kita Dibayar Berapa?

Hampir semua pihak PTC memberikan bonus saat pendaftaran. Termasuk Bux.to yang memberikan bonus $0.5 saat mendaftar. Setelah terdaftar di situs-situs PTC tersebut, silakan klik View Ads, atau Surf Ads, atau Paid to Click, kemudian klik iklan-iklan yang ada di situs satu persatu. Nantinya akan ada waktu penghitung, ada yang 20 detik, 10 detik, atau 30 detik. Setelah waktu penghitung mundur itu habis, maka itulah recehan Anda. Dollarnya bervariasi. Rata-rata, pihak PTC akan membayar Anda setiap klik seharga $0.01. Andaikan sehari Anda mampu meng-klik 10 iklan. Artinya pendapat Anda perhari $0.1.
Itu baru satu PTC! Pada daftar list di atas ada terdapat 10 PTC (dan masih banyak lagi). Andaikan anda sudah terdaftar di 10 PTC di atas, itu artinya pendapatan harian Anda dari PTC adalah: $0.1 x 10 = $1. Jika 1 bulan = $1 x 30 = $30. Kalo dirupiahkan kira-kira Rp. 300.000,00 (Tiga Ratus Ribu Rupiah). Rp. 300.000 anda dapatkan hanya dengan mengklik dan melihat iklan!

Mengajak Teman Anda

Jika anda merasa kurang dengan $30/bulan, anda dapat melipat-gandakannya dengan cara mengajak teman Anda untuk bergabung di situs PTC. Setiap orang yang Anda ajak, dan orang tersebut juga rutin melakukan klik, maka secara tidak langsung orang yang Anda ajak tersebut telah berkontribusi untuk mendongkrak $30/bulan Anda menjadi berlipat ganda.

Segera Mendaftar

Jika benar-benar tertarik dengan program PTC ini, Anda dapat segera mendaftar melalui link rekomendasi berikut:
  1. Bux.to | Klik disini untuk mendaftar di Bux.to.
  2. Hits4Pay |Klik disini untuk mendaftar di Hits4Pay.
  3. AdverBux | Klik disini untuk mendaftar di AdverBux.
  4. AdBux | Klik disini untuk mendaftar di AdBux.
  5. Daddybux | Klik disini untuk mendaftar di Daddybux.
  6. GetPaidMail | Klik disini untuk mendaftar di GetPaidMail.
  7. No-Minimum | Klik disini untuk mendaftar di No-Minimum.
  8. DonkeyMails | Klik disini untuk mendaftar di DonkeyMails.
  9. EasyAdbucks | Klik disini untuk mendaftar di EasyAdbucks.
  10. UnlimitedBux | Klik disini untuk mendaftar di UnlimitedBux.
Terima kasih.

Sunday, July 6, 2008

Mobile Yahoo! Messengger dengan YMTiny

YMTiny is a free J2ME Yahoo! Messengger which direcly connects to the Yahoo's server. Just connect with your Yahoo! ID, no other registration needed.
Selain Opera Mini, YMTiny merupakan aplikasi yang senantiasa menemani saya dikala online. Jika Opera Mini berfungsi sebagai browser, maka YMTiny berfungsi untuk ber-chatting ria via handphone. Berikut ini fitur-fitur yang chatting yang ada pada YMTiny:

  • Settable message alerts: sound (midi), vibrate, flashbacklight, open IM window.

  • Bitmap fonts for consistent GUI

  • Smart Ping' maintains connection and minimizes bandwidth usage

  • Receive offline message, new mail and typing notifications

  • Set status and custom status

  • View a friend's status, show and hide offline friends

  • Run in background and auto-restore

  • Window and scroll animations

  • Stylus support

  • 54+2 Emoticons!

  • Data counter

  • Informasi lain tentang YMTiny, link download, informasi hp-hp yang kompatibel, bisa langsung Anda lihat di www.orisinil.com/ymtiny. Saya pribadi mulai memakai YMTiny sekitar Oktober 2007 hingga sekarang. Selama memakai YMTiny saya merasa senang. Walau banyak bertaburan aplikasi chatting lainnya, dan beberapa aplikasi sudah saya install di hp, tapi YMTiny tetap menjadi pilihan utama untuk chatting. Terlepas dari kelebihan dan kekurangan dari masing-masing aplikasi. Misalnya saja, YMTiny tidak bisa saya gunakan untuk kirim foto, maka saya menggunakan aplikasi lain. Di sisi lain, saya lebih senang menggunakan aplikasi ini karena aplikasi ini buatan orang Indonesia loh! Dialah Yusuf Arief Rahmanto (saya belum kenal). Anda tertarik menggunakan YMTiny? Silakan mampir ke http://www.orisinil.com/ note: yang saya coret sudah tidak berlaku :p

    Wednesday, July 2, 2008

    Cara Susah Edit Layout Friendster

    Gimana? Judul tulisan ini menarik tidak? he...he...jujur nih...berikut ini saya mau sedikit cuap-cuap tentang cara edit layout friendster secara susah dan amat susah. Susahnya ya kita musti bisa (setidaknya) dasar-dasar script CSS (Cascading Style Sheet).
    Saya tidak tahu persis definisi CSS itu sendiri. Yang jelas, CSS itu fungsinya untuk memperindah halaman web. Bisa halaman friendster, blog, website, forum, atau halaman web lainnya. Nah, pada kesempatan ini, mari kita jelajahi CSS yang kita pakai untuk friendster.

    Berikut ini code CSS friendster yang saya download langsung dari friendster di Customize Page --> Download CSS File:
    /*page background*/
    body {
    background-image: url(http://images.friendster.com/images/homebg.gif);
    background-position: ;
    background-repeat: ;
    background-attachment: ;
    background-color: ;
    }
    /*global fonts*/
    .usercontent {
    font-family: ;
    color: ;
    text-transform: ;
    }
    /*global links*/
    .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
    text-decoration: ;
    color: ;
    }
    .usercontent a:hover {
    text-decoration: ;
    color: ;
    }
    /*modules*/
    .commonbox { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .commonbox h1, .commonbox h2 { /*header*/
    font-family: ;
    color: ;
    text-transform: ;
    background-color: #;
    }
    .commonbox .viewall { /*viewall link*/
    font-family: ;
    color: ;
    text-transform: ;
    }
    .commonbox .imgblock75, .ir { /*photo blocks*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .commonbox .dr { /*name bars below photo blocks*/
    font-family: ;
    color: ;
    text-transform: ;
    background-color: ;
    }
    .commonbox .evenrow { /*even row*/
    background-color: ;
    }
    /*specific module boxes*/
    .controlpanel { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .photos { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .friends { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .blogsreviews { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .videos { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .testimonialscomments { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .moreabout { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .fanof { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .groups { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .testimonials { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .scrapbook { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .myfans { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .reviews { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .blogs { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    /*control panel*/
    .controlpanel .imgblock200 { /*primary photo border*/
    border-color: ;
    border-style: ;
    }
    .data { /*data answers*/
    font-family: ;
    color: ;
    text-transform: ;
    }
    .controlpanel .q { /*data labels*/
    font-family: ;
    color: ;
    text-transform: ;
    }
    .data a { /*data links*/
    font-family: ;
    color: ;
    text-transform: ;
    }
    a.more { /*more about link*/
    font-family: ;
    color: ;
    text-transform: ;
    }
    #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
    color: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    #controlPanelButtons a:hover { /*buttons hover*/
    color: ;
    border-color: ;
    background-color: ;
    }

    Berikut keterangan tentang code tersebut (versi saya loh, maklumin aja deh kalo ga formal yach):
  • Kode CSS selalu diawali tanda { dan diakhiri dengan penutup }. Setiap tag CSS selalu dipisah dengan tanda ; (titik koma).

  • Yang saya tandai warna merah adalah text comment/komentar/keterangan. Contoh: /*global font*/. Artinya si tukang desain ingin memberi keterangan bahwa kode-kode yang ada dibawah atau di dekat /*global font*/ adalah kode CSS untuk desain font di halaman web tersebut (dalam hal ini halaman profile friendster).

  • Berikut ini tag yang digunakan dalam kode CSS friendster:
  • background-image: menggunakan background foto/gambar. [url]

  • background-position: pengaturan posisi gambar background. [bottom, center, inherit, left, right, top]

  • background-repeat: pengaturan pengulangan background. [inherit, no-repeat, repeat, repeat-x, repeat-y]

  • background-attachment: pengaturan pengikatan background. [fixed, scroll, inherit]

  • background-color: jika tidak menggunakan background-image, maka gunakan background-color. [gunakan kode warna. Bisa dilihat pada software photoshop, dreamweaver, atau yang lainnya.]

  • font-family: jenis font yang digunakan. [Arial, Verdana, Times New Roman, dll].

  • color: warna font. [gunakan code warna. Contoh: code warna hitam: #000000, putih: #FFFFFF, hijau: #003300, selengkapnya lihat di photoshop atau dreamweaver.]

  • text-decoration: dekorasi teks. [underline, overline, line-through, blink, inherit, none]

  • text-transform: pengaturan case text. [uppercase, lowercase, inherit, capitalize, none]

  • border-width: ukuran lebar border/garis tepi. [medium, thin, thick, atau gunakan ukuran pixel seperti: 2px]

  • border-color: warna border. [gunakan kode warna]

  • border-style: tipe border/garis tepi. [dashed, dotted, double, groove, hidden, inherit, inset, outset, ridge, solid, none]

  • Oke, saya rasa cuma itu kode-kode CSS yang kita pakai pada halaman profile fs (friendster) kita. Jika ada yang kurang, mohon dikoreksi. Btw, beriku ini ada contoh CSS friendster yang sudah saya selipkan tag-tag CSS:

    /*background halaman*/
    body {
    background-image:url("http://images.friendster.com/images/homebg.gif");
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color:#transparent;
    }
    /*fonts secara umum*/
    .usercontent {
    font-family:tahoma;
    color:#338d34;
    text-transform:none;
    }
    /*links atau tautan secara umum*/
    .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
    text-decoration:none;
    color:#000;
    }

    /* link ketika mouse focus */
    .usercontent a:hover {
    text-decoration:none;
    color:#338d34;
    }
    /*modules*/
    .commonbox { /*box*/
    border-width:3px;
    border-color:#cfb886;
    border-style:outset;
    background-color:#cfb886;
    }
    .commonbox h1, .commonbox h2 { /*judul commonbox*/
    font-family:tahoma;
    color:#338d34;
    text-transform:none;
    background-color:#e1d4c1;
    }
    .commonbox .viewall { /*link view all*/
    font-family:tahoma;
    color:#338d34;
    text-transform:none;
    }
    .commonbox .imgblock75, .ir { /*blocks foto*/
    border-width:2px;
    border-color:#e1d4c1;
    border-style:inset;
    background-color:#transparent;
    }
    .commonbox .dr { /*tulisan yang ada di bawah foto blocks*/
    font-family:tahoma;
    color:000;
    text-transform:none;
    border:#f5ece3 2px ridge;
    background-color:#e1d4c1;
    }
    .commonbox .evenrow { /*even row*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:ridge;
    background-color:#e1d4c1;
    }
    /*specific module boxes*/
    .controlpanel { /*box*/
    border-width:5px;
    border-color:#f5ece3;
    border-style:ridge;
    background-color:#transparent;
    }
    .photos { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:ridge;
    background-color:;
    }
    .friends { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .blogsreviews { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .videos { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .testimonialscomments { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:ridge;
    background-color: ;
    }
    .moreabout { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:outset;
    background-color: ;
    }
    .fanof { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:outset;
    background-color: ;
    }
    .groups { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:outset;
    background-color: ;
    }
    .testimonials { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:outset;
    background-color: ;
    }
    .scrapbook { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:outset;
    background-color: ;
    }
    .myfans { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .reviews { /*box*/
    border-width: ;
    border-color: ;
    border-style: ;
    background-color: ;
    }
    .blogs { /*box*/
    border-width:2px;
    border-color:#f5ece3;
    border-style:outset;
    background-color: ;
    }
    /*control panel*/
    .controlpanel .imgblock200 { /*primary photo border*/
    border-width:5px;
    border-color:#f5ece3;
    border-style:ridge;
    }
    .data { /*data answers*/
    font-family: ;
    color: ;
    text-transform: ;
    }
    .controlpanel .q { /*data labels*/
    font-family:tahoma;
    color: ;
    text-transform:none;
    }
    .data a { /*data links*/
    font-family:tahoma;
    color: ;
    text-transform:none;
    }
    a.more { /*more about link*/
    font-family: ;
    color: ;
    text-transform: ;
    }
    #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
    color:#338d34;
    border:#e1d4c1 1px ridge;
    background-color:#fff;
    }
    #controlPanelButtons a:hover { /*buttons hover*/
    font-weight: bold;
    color:#338d34;
    border:#e1d4c1 1px solid;
    background-color:#f5ece3;
    text-decoration:none;
    }

    Silakan copy paste kode di atas ke kota CSS friendster Anda. Dan silakan dimodifikasi sesuka hati Anda. Selamat Berjuang dan SEMOGA SUKSES..!!

    Super Sleek Android G1

    This is another one of a kind phone model from T-Mobile that will really suite your lifestyle. The G1 Smartphone from T-Mobile is the latest...