CTF theme PSP

Desember 3, 2008

kadang kadang kita bosan dengan theme psp yang “gitu-gitu” saja sebaiknya anda mencoba theme ctf yang lebih begus dibandingkan theme ptf

Tutorial cara instal theme ctf
01. download cxmb 3.1 for 3.xx :

cxmb 3.1 for 3.71
cxmb 3.1 for 3.80
cxmb 3.1 for 3.90

..more download files:
CXMB v3.2.1 (NEW!)
CXMB v3.2
CXMB plugin 4.0 for CFW 4.01 M33

02. extrac file, lalu buka folder CXMB_FULL, copy folder CXMB dan SEPLUGINS ke root msd
03. jika sudah ada folder seplugins pada PSP kita –> buka folder seplugin, (yg ada pada 1 paket cxmb 3.1 yang didownload), lalu buka “VSH.TXT” dengan notepad, kemudian COPY text yg ada di sana.
04. selanjutnya, pada root MSD PSP kita, masuk ke folder seplugins, dan buka file “vsh.txt”        05. di dalam nya, buat baris baru (tanpa merubah apapun), kemudian di baris baru tsb tekan PASTE (sehingga menghasilkan 2 baris text yg berbeda), lalu SAVE!! –proses install selesai–
06. copy tema ctf ke ms0:PSP/THEME/[file di sini]
07. disconect psp dari komputer
08. masuk RECOVERY MODE, pilih PLUGIN, cxmb.prx [enable]

*kalo mau balik ke theme aslinya masuk recovery mode pilih plugin –> cxmb.prx [disable]

09. keluar recovery pilih temanya psp akan RESTART SENDIRI setelah tema di apply.

silahkan anda mendownload theme ctf di pspthemecentral.com


Tips trik mencontek

November 30, 2008
Ni Ada Cara-cara Mencontek saat Ujian, Berguna bagi Rekan-rekan Guru waktu nanti jadi pengawas UAS / UAN supaya gak ketipu ama murid-murid jaman sekarang.
Tapi kalo yang baca Siswanya gimana ya ? ? ?. Ya terserahlah, saya tidak bertanggung jawab atas hasilnya …

Mencontek.
Kata yang satu ini pasti udah gak asing banget di telinga kalian semua, terutama para pelajar. Ya. siapa sih yang gak pernah nyontek?
Saat ini mencontek sudah dianggap sebagai salah satu alternatif yang paling jitu banget jika kita gak bisa menjawab soal, terutama pada saat ulangan atau ujian.
Tapi, penuh resiko!!! Gimana aja sih, kiat-kiat sukses mencontek, dan apa aja resikonya?
Nah! Beruntung banget kamu baca artikel ini, karena ini bakalan berguna banget buat kamu, khususnya pada saat musim ulangan.

Definisi.
Sebelum kita mempelajari segala macam trik-trik jitu mencontek, gak ada salahnya kalo kita mengenal definisi dan pengertian mencontek.

 

Mencontek adalah suatu usaha yang kebanyakan dilakukan oleh para pelajar SD, SMP, SMA, maupun mahasiswa untuk melihat buku catatan, buku panduan, ataupun menyalin pekerjaan teman secara sembunyi-sembunyi guna mendapatkan jawaban
dari mata pelajaran yang diujikan.
Seperti halnya kegiatan yang lain, mencontek adalah salah satu kegiatan yang penuh resiko.
Jadi, mencontek harus dilakukan secara sembunyi-sembunyi, agar tidak ketahuan sama guru.

Gimana seh, cara mencontek yang baik dan benar???
Mencontek adalah salah satu kegiatan untuk mendapatkan jawaban.
Bisa dilakukan dengan mencontek buku, maupun dengan mencontek pekerjaan teman.
Untuk menjadi pecontek yang handal, kita harus melakukannya dengan sungguh-sungguh.
Untuk mendapatkan jawaban, cara yang umum sekali digunakan di kalangan siswa adalah:

Berikut beberapa caranya :

1. Rangkum dulu semua materi pokok dalam kertas kecil, lalu beli pulpen biasa yang warnanya item, nach kertas tadi masukin kedalam pulpen tersebut. Dijamin tuch contekan pasti lolos masuk ke ruangan. Tinggal usaha dech, cari sela untuk buka contekannya.

2. Trik Berikutnya cuma bisa diterapkan untuk yang berkerudung saja, [maaf bukannya mendiskreditkan yang berkerudung]. Modalnya lumayan mahal, (harus punya MP3 player). Rekam semua pelajaranmu di MP3 player. Pake apa ?? Ya pake suara kamu sendiri. trus Taruh MP3 Player kamu di saku depan ‘en jangan lupa pasang earphonenya di telinga kamu. Trik ini biasanya berhadil kalo pengawasnya Laki-laki. Gak mungkinkan Pak pengawas nyuruh murid itu ngelepas kerudungnya.

3. Siapin Kertas contekan di kertas HVS (tulisannya jangan terlalu kecil). Kalo cara bawa masuk keruangannya pikir sendiri ya… Nach waktu di dalem ruangan keluarin tuch contekan, taruh dibawah lembar soal. Cara nyonteknya : Abis Baca soal trus lanjutin baca contekan. Usahakan wajar waktu membaca contekannya jadi pengawas gak curiga kalo kamu lagi nyontek. Dia kira kamu lagi baca soal.

4. [Khusus Cewek] Ada cara bawa masuk kertas contekan yang jitu nich. Di bagian bawah Rok kamu kan ada lipatan jahitan. berkorban sedikitlah, jahitan lipatan itu di bongkar dikit (dedel :jawa. Nach selipin tuch kertas contekan di bagian lipatan bawah rok mu. tapi cara ngambilnya dan nyonteknya cari sendiri ya…

5. [Yang ini pake usaha dikit] Saat ujian nantikan semua peserta membawa alas papan (lupa nich namanya). Belah dulu papan itu jadi dua, lalu rekatkan lagi bagian pinggir-pinggirnya saja. nach bagian tengah yang gak di rekatkan itu bisa untuk nyelipin contekan masuk kedalem ruangan.

6. Siapkan 1 Kotak Pensil (bagus lagi kalo bekas tinta printer yang mereknya data print). Disarankan yang transparan non kecurigaan, buatlah CK tadi dengan diketik di ms.word, arial, font size 7, sesuaikan dengan ukuran kotak pensilmu, setelah selesai diketik, print aja kalo bener2 udah sesuai ama CK, gunting sesuai dengan ukuran kotak pensil, tempelkan dengan double tape di bagian dalam kotak pensil tadi agar memudahkan kita melihat C, sebelumnya dijepret dulu bagian bawah CK tadi, agar kelihatan rapi dan seperti buku mini yg mudah dibawa kemana – mana maka jadilah sebuah kerpekan universal yang dapat dinikmati oleh semua golongan.

7. Jangan sampe ketauan! Kalo mau masa depan loe sukses, hati-hatilah dalam menyontek. Menurut riset para ahli *gw sendiri maksudnya!!!* kalo loe menemui kesulitan, misalnya dapet tempat duduk di depan, loe harus tetep tenang man… Kalo perlu, bawa kertas sendiri aja dari luar, jadi kalo loe rada parno bwat nyontek, tinggal oper kertas aja ke partner loe. Kalo pengawasnya mulai ngeliatin loe *plus tindakan kedip-kedip genit mata* kedipin balik aja buahahahakakak!!

8. Kalo niat loe ngebet, bukan nyontek, mesti ati-ati pas bawa kebetan loe. Kalo kebetulan tempat duduk loe deket jendela en jendelanya kagak dikunci, masukin aja duluan kebetannya, biar kagak ketauan en ngurangin resiko bahaya bagi jiwa dan ragamu..Jangan sampe loe diserang panu kadas kurap kutu air karna ngebet..

9. Kalo loe punya jiwa setia kawan + berani bin nekat + sohib sejati di ruang berbeda dari loe, kalo mo ngasi contekan ke temen loe itu, taro di kamar mandi aja!! Biar sama kaya gw nanti.. Yaaa, jelas, itu gw lakuin sebagai bentuk kesetiakawanan Sosial Nasional….

10. Bedoalahhh… karena kesuksesan gw selama ini, juga karena doa,, hahahahakkkk!!! Terbukti banget tuh, gw belom pernah ditegor sekalipun ama pengawas sekiller apapoen waktu strategi berjalan… Dari TK juga kita dah diajarin bwat bedoa kan, tiap mau ngapa-ngapain??

11. Catat hal-hal yang penting di selembar tisu. Lipat lagi menurut garis lipatannya. Bahan contekan udah siap digunakan. Nah! Cara ini adalah cara yang paling aman untuk mencontek. Soalnya, cara menconteknya gak mencolok, cuma dengan cara berpura-pura mengelap keringat kamu dengan tisu, kamu bisa melirik jawaban yang udah dicatet di tissue tersebut. Easy banget kan?

12. Salah satu kegiatan yang paling umum dan yang paling mudah dilakukan dalam mencontek adalah memasukkan buku di kolong meja, dan menariknya apabila telah ada kesempatan untuk mencontek. Langkah pertama yang harus dilakukan adalah: sebelum ulangan dimulai, buka buku di bagian bab yang diujikan. Masukkan buku ke dalam kolong tanpa menutup halaman. Pada saat ulangan, lihat situasi dulu. Jika guru udah jauh dari meja kamu duduk, kamu boleh menarik buku kamu keluar, dan bebas mencontek. Jika guru mendekat, masukkan bukumu ke kolong meja dengan cepat. Tapi jangan tergesa-gesa. Bisa jadi buku kamu jatuh, dan guru akan semakin curiga dengan kamu. Jadi be careful!!!

13. Datang ke kelas lebih awal, tuliskan contekan dikursi kuliah. (kalau tertangkap, bilang saja tulisan itu sudah ada sejak dulu)

Kesimpulannya (Modus Operandinya):

1. sms ama Bluetooth+MP3 Player (Using Technology)
2. kertas di lempar
3. skandal selipan kertas di dalam sudut penghapus dan di dalam rautan putar
4. slipan kertas bahkan buku di dalem rok (buat cewek ama waria)
5. nulis di paha
6. nyimpen catetan di tempat pensil
7. sandi tangan, sandi angka, sandi anggota tubuh
8. nyimpen buku di kolong bangku
9. nyimpen catetan di saku, di dictionary (Kamus), di dompet
10. cara menyimpan koran atau majalah di meja pengawas
11. cara garuk-garuk
12. cara gelisah
13. cara ehem…ehem…
14. janjian di kamar mandi
15. tukeran soal
16. pura-pura papan tulis nggak di hapus padahal ada rumus-rumus
17. cara jeduk-jeduk bangku
18. cara ngalling pengawas dengan private number, biar si pengawas sibuk+geer
19. ngumpan satu orang buat ngalihin pertanyaan

Wach apa lagi ya caranya ???. Sekali lagi saya gak bertanggung jawab atas segala tindakan yang dilakukan karena tulisan ini.
Digunakan hanya sebagai perhatian bagi rekan-rekan guru (Muridnya sekalian). Yah…mungkin hanya kiat-kiat itu yang bisa diberikan.
Sebenernya banyak banget cara yang bisa digunakan untuk mencontek, asal kamu kreatif.
Selamat mencontek yah! Mudah-mudahan gak ketahuan guru! Hihihihi……….

PERINGATAN PEMERINTAH: Tulisan ini dibuat bukan untuk dijadikan sebagai contoh..
namun, justru semoga kita bisa menjauh dari hal-hal seperti ini.
tidak dianjurkan untuk dibaca oleh anak-anak yang masih di bawah umur.


Instal Flash Driver

November 29, 2008

Untuk bisa mengupload menggunakan XS++ kita membutuhkan flash driver agar komputr dapat mengenali handphone kita silahkan download filenya disini

untuk instalasinya tinggal double click file gg-setup.exe


Backup FS menggunakan Main2raw dan SEFStool4

November 29, 2008
Sebelum memulai aktivitas moding, salah satu ritual penting yang wajib dijalankan selain berdoa adalah MEMBUAT BACK UP dari file-file original yang ada di file system hp kita.

Untuk itu, di sini akan kita bahas bagaimana cara untuk membuat back up,
dengan memakai tool yang namanya main2raw dan SEFStool4.
intinya di sini adalah, kita akan mengekstrak file FS ( file system hp ) menjadi folder-folder yang berisi file-file original yang ada di dalamnya. untuk itu, mari kita mulai..
“semua proses dibawah dilakukan tanpa melibatkan atau menyambungkan HP kita ke komputer”
pertama-tama yang kita butuhkan :
1. tool main2raw.exe dan SEFStool.exe, keduanya bisa didapat –> di sini
2. file FS sesuai dengan FS yang dipakai di hp kita. biasanya di internet berupa file paketan dengan ekstensi RAR.
langkah – langkahnya:
1. buka folder C:\windows\system32 di komputer, lalu cari file yang namanya “cmd.exe”

Click the image to open in full size.

2. copy file cmd.exe tadi ke dalam satu folder bersama main2raw, SEFStool4 dan file FS kita.
di sini misalnya pada direktori D:\bikin bekup

Click the image to open in full size.

3. setelah itu, ekstrak file FS yg masih berupa file paketan (RAR) tadi.
akan di dapatkan file FS dengan ekstensi .FBN

Click the image to open in full size.

4. sekarang, menggunakan mouse, drag n drop file FS dengan ekstensi FBN tadi ke main2raw.exe

Click the image to open in full size.

5. main2raw.exe akan memproses file tadi. tunggu sampai selesai lalu klik ENTER

This image has been resized. Click this bar to view the full image. The original image is sized %1%2.

Click the image to open in full size.

6. sekarang kita mendapatkan file baru dengan nama sama tapi dengan ekstensi RAW

This image has been resized. Click this bar to view the full image. The original image is sized %1%2.

Click the image to open in full size.

7. selanjutnya, buka command prompt, dengan cara klik ganda file cmd.exe tadi
lalu ketik perintah : SEFStool4.exe(spasi)namaFile.raw
nama file diisi sesuai nama file raw kita (apabila nama filenya kepanjangan, bisa di copy-paste dengan cara rename file rawnya, kemudian copy dan paste).

This image has been resized. Click this bar to view the full image. The original image is sized %1%2.

Click the image to open in full size.

8. setelah itu tunggu prosesnya pada SEFStool4 berjalan sampai selesai

This image has been resized. Click this bar to view the full image. The original image is sized %1%2.

Click the image to open in full size.

9. setelah selesai, kita sekarang mendapatkan sebuah folder baru di sini.
folder ini memiliki nama yang sama seperti nama file FS kita sebelumnya.

Click the image to open in full size.

10. di dalam folder baru ini, terdapat tiga folder lain yang berisi file-file original hp seperti driver, dsb.
strukturnya sama persis dengan struktur yang ada di dalam hp kita.

This image has been resized. Click this bar to view the full image. The original image is sized %1%2.

Click the image to open in full size.

11. Sekarang, kita tinggal mencari file apa yang dibutuhkan, di dalam sub-sub folder tadi.
misalnya kita ingin mencari camdriver original, buka saja ifs/settings/camera

demikian cara membuat bekup menggunakan main2raw dan SEFStool4. mudah bukan..
semoga bermanfaat


Mengupload file Menggunakan XS++

November 29, 2008

1.matiin hp+cabut sim card.
2.masuk xs++
3.tekan connect
4.sambungin hp sambil tahan tombol c.
5.tunggu sampe hp terdeteksi.
6.klik tab fsx,klik start fsx.tunggu proses.
7.masukin file2 yg kamum mau.
Untuk acoustic : ifs/setting/acoustic
Display driver : Ifs/setting/display
Camera driver : Ifs/setting/camera.
Note : kalau mau masukin file.kamu tinggal select all file2 yg mau kamu pake.trs drag n drop ke path yg ak sebutin di atas.good luck.


Belajar CSS, bagaimana CSS dapat merubah tampilan website

November 29, 2008

Bayangkan jika anda memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap website. Hal tersebut tentu saja sangat membuang waktu, tetapi jika anda menggunakan CSS untuk mendesain tampilan web, maka hal tersebut dapat dilakukan dengan mudah.

Pertama-tama kita kenalan dulu dengan CSS. CSS merupakan kependekan dari Cascading Style Sheet yang memungkinkan kita untuk mendesain (style) tampilan dokumen (terutama HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS). Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi.

Memasang CSS

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu: External Style Sheet (file CSS berbeda dari file HTML), Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML) dan Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan). Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya. Disini saya akan menerangkan dasar-dasar CSS. Langsung saja kita coba kode berikut ini:

Tanpa CSS:

<html>
<head>
<title>Belajar CSS</title>
</head>
<body>
<h1><font face="Verdana">Belajar CSS</font></h1>
</body>
</html>

Jika kita menggunakan Internal CSS, maka kodenya akan menjadi:

<html>
<head>
<title>Belajar CSS</title>
<style type="text/css">
h1 { font-family: verdana; }
</style>
</head>
<body>
<h1>Belajar CSS</h1>
</body>
</html>

Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css dan isikan kode berikut:

h1 { font-family: verdana; }

Sekarang untuk kode HTML tulislah kode berikut ini dan simpan dengan nama coba.html:

<html>
<head>
<title>Belajar CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Belajar CSS</h1>
</body>
</html>

Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag <link> yang diletakkan diantara tag <head>. Pada contoh CSS selanjutnya kita menggunakan teknik external CSS, jadi gunakan saja file style.css dan coba.html anda hanya perlu mengubah isinya. Untuk file HTML anda gunakan coba.html dan ubah isinya pada bagian <body> saja bagian yang didalam <head> tidak usah diapa-apakan.

Apapun yang terjadi, berusahalah untuk selalu menggunakan External CSS dengan memisahkan file CSS dengan file HTML nya

CSS terdiri dari dua bagian utama yaitu: selector, dalam hal ini H1 dan deklarasi yang berada diantara kurung kurawal {font-family: verdana}. Didalam deklarasi juga terbagi menjadi dua bagian yaitu property dalam hal ini font-family dan value dalam hal ini verdana. Dalam contoh diatas hanya mengubah sebuah tag yaitu tag <h1> menjadi teks dimana jenis hurufnya menjadi verdana. Kita dapat mengkombinasikan berbagai macam style menjadi satu. Kita akan segera mempelajarinya.

Sekarang kita coba mengkombinasikan banyak style. Cobalah kode CSS berikut ini dan simpan dengan nama style.css:

.title {
    font-size: 13px;
    color: #6095d0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.thank {
    font-size: 11px;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
}p {
    font-size: 12px;
    color: #000000;
    font-family: verdana;
}

Sekarang tulis kode HTML ini dan simpan dengan nama coba.html:

<html>
<head>
<title>Belajar CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<font class="title">Halo dunia</font>
<p>Saya mau belajar CSS, ini kode CSS saya yang pertama</p>
<font class="thank">Terimakasih</font>
</body>
</html>

Hasil:
Contoh Penggunaan CSS

Untuk memanggil CSS dalam tag HTML kita perlu menggunakan atribut class untuk memanggil CSS selector (dalam contoh diatas selectornya title dan thank). Dengan demikian apabila semua halaman anda memanggil class title, dan jika anda ingin mengganti font untuk semua halaman anda cukup mengubah selector CSSnya saja. Bagaimana anda sudah paham kegunaan CSS.

CSS memiliki ratusan properties dan values, tentu saja saya tidak akan menerangkan semuanya, saya hanya akan menerangkan yang penting-penting saja.

Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Anda dapat menggunakan property font-family, yang mirip dengan tag <font>. Sebagai contoh anda ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Anda dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat bkode berikut:

<h1 style="font-family: 'Times New Roman', Times, serif">Serif
font</h1>

Jika anda ingin menampilkan jenis huruf sans-serif gunakan kode berikut:

body {Arial, Verdana, Geneva, Helvetica, sans-serif}

Jika ingin menggunakan jenis huruf serif, gunakan kode berikut:

body {Times New Roman, Times, Georgia, serif}

Untuk jenis huruf untuk kode program dapat anda gunakan kode berikut:

body {Courier New, Courier, monospace}

Scrollbar

Dengan menggunakan CSS anda juga dapat mengubah warna pada scrollbar yang terdapat dikanan browser. CSS memiliki 8 properties untuk mengubah warna pada scrollbar yaitu: scrollbar-arrow-color, scrollbar-basecolor, scrollbar-face-color, scrollbar-shadow-color, scrollbar-darkshadow-color, scrollbar-3dlight-color, scrollbar-highlight-color dan scrollbartrack-color. Properties-properties ini mengatur warna untuk setiap bagian dari scrollbar.

Property CSS untuk Scrollbar

Coba kode berikut ini:

body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #8b98b7;
scrollbar-shadow-color: #8b98b7;
scrollbar-3dlight-color: #8b98b7;
scrollbar-arrow-color: #8b98b7;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #8b98b7;
scrollbar-base-color: #ffffff;
}

Link

Salah satu hal yang menarik dalam CSS anda dapat mengubah warna pada setiap link, menghilangkan garis bawah pada link sehingga jika anda bosan dengan link yang berwarna biru tua terang dengan garis bawah anda dapat mengubahnya.

Coba kode CSS berikut:

a.link1:link {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:visited {
font-weight: bold;
font-size: 12px;
color: #CC6600;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:hover {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: underline
}
a.link1:active {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link2:link {
font-weight: bold;
font-size: 12px;
color: #663300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.link2:visited {
font-weight: bold;
font-size: 12px;
color: #800000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.link2:hover {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline overline;
}
a.link2:active {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}

Sekarang untuk kode HTML nya cobalah seperti ini:

Kunjungi <a href="http://www.dhimasronggobramantyo.com"
class="link1">dhimasronggobramantyo.com</a> atau
<a href="http://www.google.com" class="link2">google.com </a>

Maka akan menghasilkan:

Kunjungi dhimasronggobramantyo.com atau google.com

Pada umumnya warna link untuk halaman web yang telah dikunjungi berbeda dengan yang belum dikunjungi. CSS dapat membedakannya dengan yang disebut pseudo-class ':link', ':hover', ':active' dan ':visited' untuk membedakannya:

  • :link pseudo-class merupakan link yang belum dikunjungi.
  • :visited pseudo-class merupakan link yang telah dikunjungi.
  • :hover pseudo-class applies merupakan link apabila pointer mouse melewati sebuah link.

Itulah semua dasar CSS, semakin dalam anda mempelajari CSS maka anda akan menemukan hal-hal menarik lainnya. Selamat mencoba.

4 Browser utama Internet Explorer, Firefox, Safari dan Opera memiliki cara sendiri dalam merepresentasikan CSS. Karena itu pastikan tampilan CSS website anda terlihat sama disemua browser tersebut. Bahkan antara IE 5, 6 dan 7 sudah berbeda-beda. Jadi tantangan bagi anda adalah membuat halaman website anda tampak sama disemua browser tanpa terkecuali.

Belajar HTML yang merupakan dasar dari pembuatan website

November 29, 2008

HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.

Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view – source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.

HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.

Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.

Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.

Sekarang buka saja notepad anda dan kita mulai.

Kode HTML pertama

Buka notepad dan tuliskan kode dibawah ini

Hello World

Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:

Hello <b>World!!</b>

Oke jadi apa yang dimaksud oleh “<” dan “>”, ketika anda menuliskan sesuatu diantara tanda “<” dan “>” maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag <b> maksudnya untuk memulai huruf tebal (bold) dan tag </b> merupakan tag penutup untuk menghentikan huruf tebal.

Sebuah halaman HTML yang baik harus memiliki tag <head> dan <body>, tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.

Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).

Containers

Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:

Hello <i>World!!</i><br>

Hasil:

Hello World!!

Tag <i> berguna untuk memiringkan teks (italic) tag <i> memiliki penutup yaitu </i>. Tag penutup selalu ditandai dengan “/”. Contoh diatas terdapat teks World!! diantara tag pembuka <i> dan tag penutup </i> sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.

Standalone Tag

Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag <img> yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah <br> yang berguna untuk memberi jarak antar teks dan tag <hr> untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.

Atribut

Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda “=” sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:

Hello <font face="verdana" size="2" color="red">World!!</font>

Hasilnya:

Hello World!!

Tulisan World!! terletak ditengah tag <font> nah tag <font> memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut. Bagaimana? lanjut?

HTML Entity

Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:

Saya belajar      web

Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu &nbsp; jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:

Saya belajar&nbsp;&nbsp;&nbsp;&nbsp;web

HTML entity selalu diawali dengan “&” dan diakhiri dengan “;” ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.

Struktur Dokumen HTML

Tadi sudah saya katakan bahwa HTML yang baik memiliki tag <head> dan <body>. <head> mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag <head> tidak memiliki atribut tetapi memiliki container khusus didalam header seperti <base>, <meta>, dan <title>. Tag <body> mendefinisikan awal dari isi website dan ditutup dengan </body>. Tag <body> berisi isi dokumen yang akan tampil di browser anda. Oke sekarang cobalah kode berikut ini:

<html>
<head>
<title>Your title</title>
</head>
<body bgcolor="#cccccc">
Hello <b>World!!</b>
</body>
</html>

Hasilnya didalam Microsoft Internet Explorer :
Contoh HTML dasar

Anda lihat teks yang berada diantara tag <title> muncul dibagian atas browser. Apapun yang anda tulis diantara tag <body> akan muncul sebagai isi dari website anda. Jika anda lihat terdapat tag <body bgcolor="#cccccc"> bgcolor merupakan atribut dari <body> yang berguna untuk memberi warna pada background halaman website. Pelajari dan pahami kode tersebut maka anda akan mudah untuk mempelajari kode selanjutnya.

Susun file Anda

Sangat penting untuk meletakkan file-file HTML anda. Akan lebih baik jika anda membuat folder untuk meletakkan file-file HTML dan didalamnya anda membuat subfolder (misalnya images) untuk menyimpan file-file gambar. Semakin sering anda membuat website anda akan semakin berpengalaman dan mengetahui teknik dalam menyusun file. Jadi ini tergantung pengalaman anda.

index.html

Ketika anda membuka dhimasronggobramantyo.com/belajar.html maka otomatis browser akan membuka file belajar.html. Tetapi jika kita membuka dhimasronggobramantyo.com saja, file apa yang dibuka? Semua server web otomatis akan mencari file index.html.

Karena itu jika website anda memiliki banyak halaman, anda harus memiliki sebuah file index.html yang akan menjadi halaman pertama dari website anda.

Oke, sekarang kita pelajari tag-tag HTML yang penting. Semua kode HTML berikut ini harus ditulis didalam tag <body>

Teks dan Paragraf

Header/judul akan membuat mata pembaca tertuju pada judul dan tertarik untuk membacanya. Dengan menggunakan tag heading maka search engine dapat membaca seberapa penting isi dari suatu website.

Heading merupakan container yang diawali dengan tag <h1> dan ditutup dengan tag </h1>. Ada 6 level heading mulai dari h1 sampai h6.

Cobalah kode berikut ini:

<h1>My First HTML</h1>
<h2>My First HTML</h2>
<h3>My First HTML</h3>
<h4>My First HTML</h4>
<h5>My First HTML</h5>
<h6>My First HTML</h6>

Hasil:
Contoh penggunaan tag Heading

Saya rasa anda dapat dengan mudah memahami kode tersebut, sekarang kita coba tag HTML penting lainnya. <p> digunakan untuk membuat paragraf, ini merupakan salah satu tag yang banyak digunakan, tag penting lainnya adalah <b> untuk menebalkan,<i> untuk memiringkan dan <u> untuk garis bawah

Sekarang coba kode berikut ini:

<p>Halo, nama saya <b>Budi</b> dan
saya ingin belajar HTML.</p>
<p>Ini merupakan <i>kode HTML pertama saya</i> dan saya
belajar untuk <u>memformat</u> teks dalam HTML </p>

Bagaimana hasilnya? silahkan anda coba sendiri, jika anda selalu melihat contoh dihalaman ini, anda tidak akan mencoba :)

Beberapa tag mempunyai atribut ALIGN, termasuk <p> dan <h1> - <h6>. ALIGN berguna untuk membuat teks rata kiri, tengah atau kanan. Cobalah kode berikut:

<h1 align="center">Nama saya Jono</h1>
<p>Halo nama saya Jono dan saya lagi belajar HTML</p>
<p align="right">James, 2006</p>

Hasilnya:
Contoh penggunaan Alignment

Anda dapat mengubah jenis huruf, ukuran dan warna. Untuk mengubah huruf digunakan tag <font>, tag <font> memiliki atribut seperti face, size dan color. Contoh:

<p><font face="Arial" size="2" color="#FF0000">Nama
saya</font>
<b>Bambang</b><font face="Arial" size="2">
dan </font><font face="Tahoma">saya cinta rupiah</font></p>

Silahkan anda coba sendiri untuk melihat seperti apa hasilnya

Didalam HTML, untuk memberi jarak anda tidak bisa hanya menekan “enter” saja. Untuk memberi jarak perbaris kita perlu tag HTML yaitu <br> sedangkan untuk spasi seperti yang sudah saya jelaskan tadi, kita perlu menggunakan HTML entity / character entity, untuk spasi character entitynya adalah &nbsp;. Langsung saja coba kode berikut ini:

<p>Baris 1<br>Baris 2<br>Baris&nbsp;&nbsp;&nbsp;&nbsp; 3<br>Baris
<b>4</b></p>

Hasil:

Baris 1
Baris 2
Baris     3
Baris 4

Untuk memberikan garis horisontal digunakan tag <hr>. Tag <hr> memiliki beberapa atribut. Tag <hr> tidak memerlukan tag penutup jadi tag <hr> merupakan standalone tag. Coba contoh berikut ini:

<p>Halo nama saya Telo</p>
<hr width="25%" align="justify">
<p>Saya lagi belajar membuat garis horisontal.</p>
<hr size="4" align="justify">
<p>Matur nuwun</p>
<hr size="3" noshade color="#000000" width="25%" align="justify">

Hasil:
Contoh penggunaan Horizontal Rules

Seperti yang anda lihat, anda bisa memasang banyak atribut dalam satu tag. Pada tag <hr> terdapat atribut yang tidak memiliki nilai yaitu noshade. Memang dalam beberapa tag HTML terdapat atribut-atribut yang tidak memiliki nilai. Salah satunya adalah noshade yang berarti menghilangkan bayangan pada garis. Anda dapat melihat perbedaan tag <hr> yang menggunakan noshade dengan yang tidak pada kode diatas.

Bagaimana? mudah kan belajar HTML, jangan senang dulu sekarang kita akan mempelajari yang lebih sulit

Links

Oke anda telah membuat banyak halaman HTML, sekarang bagaimana caranya anda berpindah dari satu halaman ke halaman yang lain? Apakah saya perlu menuliskan alamatnya di browser? Link adalah jawabannya. <a> merupakan tag HTML untuk membuat link agar kita dapat berpindah ke halaman lain. Tag <a> memiliki atribut yang sangat penting yaitu href. Langsung saja coba kode berikut ini:

My <a href="http://www.dhimasronggobramantyo.com">Homepage</a>

Hasil:

My homepage

Jika anda lihat, maka teks homepage telah berubah menjadi link, jika anda klik maka browser akan menuju alamat yang tertera pada atribut href. Sekarang jika anda memiliki banyak file HTML dalam satu folder, apakah saya perlu menggunakan http:// untuk melinknya? tentu tidak anda cukup menulis nama filenya saja, asalkan file tersebut berada satu folder dengan file yang berisi link. Contoh:

My <a href="contact.html">homepage</a>

Hasil:

My homepage

Jika anda klik, maka browser akan membuka file contact.html yang berada pada satu folder. Bagaimana jika filenya berada difolder lain? gampang, gunakan kode berikut:

My <a href="folder/contact.html">homepage</a>

Hasil:

My homepage

Jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru, gunakan atribut target="_blank" seperti ini:

My <a href="http://www.dhimasronggobramantyo.com"
target="_blank">homepage</a>

Oke silahkan anda coba sendiri untuk melihat hasilnya, sekarang kita akan belajar tentang images

Images

Pertengahan tahun 90′an website-website yang ada tidak memiliki gambar, karena browser yang ada tidak memiliki kemampuan untuk menampilkan gambar. Tetapi sekarang website tanpa gambar akan terlihat membosankan, tetapi website dengan banyak gambar akan terlihat menyebalkan, nah lo. Jadi gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan mengajarkan bagaimana cara membuat gambar disini, ada kategori lain diwebsite ini untuk belajar mendesain, anda dapat belajar menggunakan Photoshop. Gambar yang dipasang di website disarankan menggunakan bertipe file gif atau jpg. Untuk memasang image anda memerlukan tag <img>. Tag <img> tidak memerlukan penutup dan memiliki atribut src untuk mengambil gambar dari suatu alamat. Coba contoh berikut ini:

<img src="images/artikel/introhtml_02.gif" width="313" height="43"
alt="Contoh Gambar">

Hasil:
Contoh Gambar

Atribut src disini sama dengan atribut href pada tag <a> yang berisi alamat posisi gambar. Pada contoh kode diatas anda memiliki gambar introhtml_02.gif yang berada pada folder images. Jika anda tidak memiliki file tersebut maka gambar tidak ditampilkan. Atribut width dan height merupakan opsional, tapi saya sarankan untuk mencantumkannya agar browser mengetahui ukuran gambar apabila gambar gagal ditampilkan. Atribut alt berguna untuk menampilkan teks pada gambar jika gambar gagal ditampilkan atau belum selesai ditampilkan. Anda dapat memberikan garis tepi pada gambar dengan menambahkan atribut border

<a href="http://www.dhimasronggobramantyo.com">
<img border="1" src="images/introhtml_02.gif" width="313"
height="43"></a>

Hasil:

Contoh Gambar

Komentar

Anda dapat menuliskan komentar dikode HTML, komentar berguna apabila anda ingin kembali mengutak-atik kode maka anda ingat kode tersebut fungsinya apa. Komentar hanya untuk memudahkan anda saja. Komentar tidak ditampilkan oleh browser. Untuk menulis komentar diawali dengan <!– dan diakhiri dengan –> lihat contoh berikut ini:

<!--Kode untuk menampilkan nama saya-->
<p>Nama saya <b>Dhimas</b></p>

List

Tag list berguna untuk menampilkan list-list. Ada 3 macam jenis list pada HTML. Yang pertama adalah Unordered List <ul>:

<ul>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ul>

Hasil:

  • List 1
  • List 2
  • List 3

Tag <ul> merupakan tag pembuka. Diantara tag <ul> Anda dapat menambahkan tag <li> untuk setiap list yang akan ditampilkan. Tag list lainnya adalah Ordered List <ol> Anda dapat menggunakannya sama seperti tag <ul> Contoh:

<ol>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ol>

Hasil:

  1. List 1
  2. List 2
  3. List 3

Jika anda ingin memulai list tidak dari nomor satu tambahkan atribut start. Contoh:

<ol start="3">
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ol>

Hasil:

  1. List 1
  2. List 2
  3. List 3

Tabel merupakan hal yang paling penting dalam membuat interface website anda. Dengan tabel anda dapat memecah layout website menjadi beberapa kolom atau baris. Dengan tabel halaman website anda akan lebih rapih.

Table merupakan tag html terumit, karena didalam tag table terdapat tag-tag lainnya. Dan table sangat penting. Karena itu sebelum meneruskan, tarik nafas dalam-dalam dan konsentrasi.

Untuk membuat tabel maka diperlukan tag-tag dasar seperti ini :

  • <TABLE></TABLE>–Tag ini merupakan containers untuk membuat tabel.
  • <TR></TR>–Didalam tabel tag ini berfungsi untuk membuat baris.
  • <TD></TD>–Tag untuk membuat kolom. didalam tag <tr> harus terdapat tag <td>, anda bisa menambahkan banyak tag <td> didalam <tr> untuk membuat kolom.
  • <TH></TH>–Sama dengan <td> hanya saja berfungsi sebagai header, biasanya digunakan pada baris pertama didalam tabel.

Setiap tag tabel tersebut memiliki banyak atribut. Oke langsung saja coba kode berikut ini:

Contoh:

<table border="1" width="60%">
<tr>
<td>Contoh Table</td>
</tr>
</table>

Hasilnya:

Contoh Tabel

Tabel diawali dengan tag <table> dan biasanya memiliki atribut border. Jika border="0" maka garis pada tabel tidak ditampilkan. Biasanya jika kita tidak menampilkan atribut border maka otomatis tabel tersebut juga tidak memiliki garis. <table> memiliki atribut cellpadding untuk memberi jarak didalam kolom dan cellspacing untuk memberi jarak antara kolom. Coba kode berikut ini:

<table border="1" width="200" cellpadding="4" cellspacing="5">
<tr>
<td width="100">Cell 1</td>
<td width="100">Cell 2</td>
</tr>
</table>

Hasil:

Cell 1

Cell 2

Coba anda ubah nilai dari atribut cellpadding dan cellspacing untuk melihat perbedaannya, cobalah untuk mengutak-atik kode diatas dengan mengubah nilai-nilai atributnya.

Setiap tabel memiliki baris dengan menggunakan tag <tr>. Didalam baris perlu sebuah kolom atau lebih, kolom dibuat dengan menggunakan tag <td>. Untuk lebih jelasnya cobalah kode berikut ini:

<table border="1" width="200" cellpadding="2">
 <tr>
  <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
  <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> /
 </tr>
 <tr>
  <td width="100">cell 1</td>
  <td width="100">cell 2</td>
 </tr>
 <tr>
  <td width="100">cell 3</td>
  <td width="100">cell 4</td> /
 </tr>
</table>

Hasil:

Header

Header

cell 1

cell 2

cell 3

cell 4

Bagaimana anda mengerti maksudnya kode diatas, coba anda pahami dulu. Pada kode diatas terdapat atribut bgcolor yang berguna untuk memberi warna pada background. Didalam kolom <td> anda dapat menuliskan kode HTML apa saja, bahkan anda dapat memasang tag <table> didalamnya, yang berarti anda memasang tabel didalam tabel. Contoh lainnya:

<table border="1" width="200" cellpadding="2">
<tr>
<td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
<td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
</tr>
<tr>
<td width="100" rowspan="2" valign="top">cell 1</td>
<td width="100">cell 2</td>
</tr>
<tr>
<td width="100">cell 4</td>
</tr>
</table>

Hasilnya:

Header

Header

cell 1

cell 2

cell 4

Anda lihat ada atribut rowspan="2" ini berguna untuk menggabungkan 2 baris menjadi satu, jika anda ingin menggabungkan lebih dari 2 baris, ubah saja nilainya. Bagaiman susah? coba anda pelajari terus. Jika sudah coba anda pahami kode berikut ini:

<table border="0" width="200" cellpadding="2" cellspacing="1" bgcolor="#000000">
<tr>
<td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
<td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td>
</tr>
<tr>
<td width="100" valign="top" bgcolor="#CCCCCC" align="left">Left</td>
<td width="100" bgcolor="#CCCCCC" align="right">Right</td>
</tr>
<tr>
<td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center">
Table is cool</td>
</tr>
<tr>
<td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center">
But it's not easy</td>
</tr>
</table>

Hasil:

Header

Header

Left

Right

Table is cool

But it’s not easy

Anda sudah mengetahui dasar-dasar HTML. Masih banyak lagi tag-tag HTML lainnya seperti frames dan form. Saya akan mengajarkan frames diartikel lainnya, tetapi frames harus dihindari dalam membuat website, alasan utama apa yang ada didalam frames tidak terbaca oleh Search Engine. Tag form hanya dibutuhkan apabila anda membuat website dinamis menggunakan bahasa pemrograman web seperti PHP, ASP, Perl atau JSP.

Sekarang kita akan membicarakan tag <META>. Tag <META> digunakan agar search engine mengenal dan dapat mengkategorisasikan website anda, gampangnya agar search engine mengetahui website anda isinya tentang apa. Tetapi tidak semua search engine membaca tag <META> tetapi sebagian besar membaca tag ini, jadi kita perlu menyertakannya pada website kita. Tag <META> berada diantara tag  <head> bukan <body> yang berarti isi tag tersebut tidak ditampilkan dibrowser.

Sebenarnya apa sih kegunaan Search Engine dan apa pengaruhnya untuk website? Saya akan jelaskan secara gampang, anda memiliki website katakan websitesaya.com, nah bagaiman milyaran pengguna internet dapat mengetahui kalau ada sebuah situs websitesaya.com diantara ratusan juta situs lainnya. Pengguna internet banyak yang melakukan pencarian melalui search engine seperti google atau yahoo. Jika mereka melakukan pencarian dan situs anda muncul pada hasil pencarian tersebut, maka anda mendapatkan pengunjung yang mengunjungi website anda. Bagaimana agar website saya ada di google atau search engine lainnya? ya dengan menggunakan <META> maka search engine akan mengenali website anda. Sebenarnya prosesnya jauh lebih rumit, search engine memiliki perhitungannya sendiri seperti ranking, backlink, recipocal link, tetapi kita ambil gampangnya saja.

Oke anda sudah mengerti pentingnya tag <META>Tag <META> memiliki atribut yang paling penting Keywords dan DESCRIPTION dimana kita memasukkan deskripsi dan kata kunci yang berhubungan dengan website kita.

Sebagai contoh misalnya kita memiliki website kecoak.com yang berisi bagaimana cara memelihara dan beternak kecoa. Maka kira-kira kita perlu membuat meta seperti ini:

<html>
<head>
<META content="kecoak.com" name=AUTHOR>
<META content="Cara memelihara dan beternak kecoak." name=description>
<META content="kecoak, beternak, memelihara, coro, ternak, pelihara" name=keywords>
<META content="INDEX, FOLLOW" name=ROBOTS>
<META http-equiv="Content-Language" content="en-us">
<META http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ternak Kecoak</title>
</head>

Kira-kira seperti itu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari. Teruslah mencoba agar anda semakin ahli.


PSP – update to 4.01 m33-2 by sweet17th

November 29, 2008

Bagi yg tetap menyukai CFW lamanya, that’s OK, selama masih bisa memainkan game2 iso terbaru, why not!?

So..Let’s start..!!

NOTE: Harap di update bertahap. (4.01 M33 –>4.01 M33-2)

.

- — – — – 3.xx M33 to 4.01 M33 – — – — -

.

Update dari 3.xx M33 —> 4.01 M33 :

01. Download CFW 4.01 M33.rar , lalu extrack it.
02. Connect PSP to PC
03. Copy “UPDATE” folder ke: /PSP/GAME/[FILE IS HERE!!]
04. Download “SONY Firmware 4.01” -> setelah di download, rename file menjadi “401.PBP” (!!)
05. Setelah itu, copy “401.PBP” dan paste pada folder UPDATE.
06. Jadi total terdapat 2 files pada folder UPDATE, yakni:

- EBOOT.PBP (file ada dalam 1 paket 4.01 M33 updater)

- 401.PBP (!!)

07. Disconnect PSP from PC
08. Go to PSP Menu -> Game -> than run the application!
09. U should be on 4.01 M33 when it’s finished!

.

- — – — – 4.01 M33 to 4.01 M33-2 – — – — -

.

Update 4.01 M33 —> 4.01 M33-2

01. Download CFW 4.01 M33-2.rar , lalu extrack it.
02. Connect PSP to PC
03. Copy folder “UPDATE” ke: /PSP/GAME/[FILE IS HERE!!]
04. Disconnect PSP from PC
05. Go to PSP Menu -> Game -> than run the application!
06. After finished, Check your PSP’s firmware..welcome to 4.01 M33-2!!

.

Well..happy updating guyz…!! Remember..understand it first, than just do it !!


PSP – update to 3.90 m33-3 by sweet17th

November 29, 2008

Langkah ini merupakan lanjutan bagi yang ingin meng update CFW PSP nya ke 3.90 M33-3. (berlaku dari SEMUA Custom Firmware.. – ada keterangan!! -)
.
.
– — – — – START — – — – —
.
.
Update 3.71 M33 —> 3.71 M33-4
.
.
01. Download file + extrack it
http://dl.qj.net/3.71-M33-4-with-multi-disc-Popsloader-PSP/pg/12/fid/15370/catid/163

02. Connect PSP to PC via USB cable

03. Copy folder UPDATE ke: /PSP/GAME

- Hasil akan terlihat seperti ini: PSP/GAME/UPDATE/EBOOT.PBP

*ada beberapa folder yg disertakan dalam paket 3.71 M33-4 tsb:
- popstation_md
- seplugins
*Copy ke 2 folder tsb ke dalam memory stick Anda..jika ditanya untuk Overwrite? Yes!!

04. Disconnect PSP from PC

05. Go to GAME menu and execute it.

When it’s done..u should be on 3.71 M33-4…simple eh? Yup..
.
.
– — – — – “CFW” to 3.80 M33 — – — – –
.
.
Update 3.71 M33-4 (or other CFW) —> 3.80 M33
.
.
01. Download 380_m33.rar file + extrack it
http://dl.qj.net/CFW-PSP-3.80-M33-PSP/pg/12/fid/15675/catid/114

02. Download firmware ASLI 3.80 :
http://dl.qj.net/PSP-Firmware-3.80-PSP/pg/12/fid/15413/catid/163

Setelah didownload, RENAME it to: 380.pbp (!!)

03. File(s) yg dibutuhkan untuk update ke 3.80 M33:

- 3.80.PBP (!!)
- EBOOT.PBP (file ada dalam 1 paket 3.80 M33 updater)
- u235.prx (file ada dalam 1 paket 3.80 M33 updater)

04. Connect PSP to PC via USB cable

05. Copy files tsb ke:

PSP/GAME/UPDATE/380.PBP (!!)
PSP/GAME/UPDATE/EBOOT.PBP (file ada dalam 1 paket updater)
PSP/GAME/UPDATE/u235.prx (file ada dalam 1 paket updater)

06. Disconnect PSP from PC

07. Go to GAME menu and execute it.

Finished? Well..say hallo to 3.80 M33…simple juga eh?
.
.
– — – — – “CFW” to 3.90 M33 — – — – –
.
.
Update 3.80 M33 (or other CFW) —> 3.90 M33
.
.
01. Download 390_m33.rar file + extrack it
http://dl.qj.net/dl.php?fid=15825

02. Download firmware ASLI 3.90 :
http://www.psp-hacks.com/download.php?id=1406

Setelah didownload, RENAME it to: 390.pbp (!!)

03. File(s) yg dibutuhkan untuk update ke 3.90 M33:

- 390.PBP (!!)
- EBOOT.PBP (file ada dalam 1 paket 3.90 M33 updater)

04. Connect PSP to PC via USB cable

05. Copy files tsb ke:

PSP/GAME/UPDATE/390.PBP (!!)
PSP/GAME/UPDATE/EBOOT.PBP (file ada dalam 1 paket updater)

06. Disconnect PSP from PC

07. Go to GAME menu and execute it.

After finished..You are now on 3.90 M33 !!
.
.
– — – — – 3.90 M33 to 3.90 M33-2 — – — – –
.
.
**KHUSUS Update dari 3.90 M33 —> 3.90 M33-2
.
.
01. Download 390m33_2.rar file + extrack it
http://dl.qj.net/dl.php?fid=15942

02. Connect PSP to PC via USB cable

03. File yg dibutuhkan untuk update “DARI 3.90 M33 —> 3.90 M33-2″ :
- EBOOT.PBP (file ada dalam 1 paket 3.90 M33-2 updater)

04. Copy files tsb ke:
PSP/GAME/UPDATE/EBOOT.PBP (file ada dalam 1 paket updater)

05. Disconnect PSP from PC

06. Go to GAME menu and execute it.

Well..welcome to 3.90 M33-2!!
.
.
**JIKA Update dari “CUSTOM FIRMWARE” —> 3.90 M33-2
.
.
01. Download 390m33_2.rar file + extrack it
http://dl.qj.net/dl.php?fid=15942

02. Download firmware ASLI 3.90 :
http://www.psp-hacks.com/download.php?id=1406

Setelah didownload, RENAME it to: 390.pbp (!!)

03. File(s) yg dibutuhkan untuk update ke 3.90 M33-2:

- 390.PBP (!!)
- EBOOT.PBP (file ada dalam 1 paket 3.90 M33-2 updater)

04. Connect PSP to PC via USB cable

05. Copy files tsb ke:

PSP/GAME/UPDATE/390.PBP (!!)
PSP/GAME/UPDATE/EBOOT.PBP (file ada dalam 1 paket updater)

06. Disconnect PSP from PC

07. Go to GAME menu and execute it.

Welcome to 3.90 M33-2 !!
.
.
– — – — – 3.90 M33-2 —> (NEW) 3.90 M33-3 — – — – –
.
.
Update 3.90 M33-2 —> 3.90 M33-3
.
.
01. Download 390m33_3.rar file + extrack it
http://exophase.com/files/psp/390m33_3.rar

02. File yg dibutuhkan untuk update “DARI 3.90 M33-2 —> 3.90 M33-3″ :

- EBOOT.PBP (file ada dalam 1 paket 3.90 M33-3 updater)

03. Connect PSP to PC via USB cable

04. Copy files tsb ke:

PSP/GAME/UPDATE/EBOOT.PBP (file ada dalam 1 paket updater)

05. Disconnect PSP from PC

06. Go to GAME menu and execute it.

Ting-tong..3.90 M33-3 is yours!


PSP – update to 3.71 m33 by sweet17th

November 29, 2008

**IMPORTANT**

01. Sebelum meng-update PSP, pastikan baterei PSP anda di atas 75% (FULL biar lbh aman)

02. “Format Memory Stick Duo” anda untuk menghindari kesalahan yg “tak perlu”.

03. Back up “SAVE” data folder sebelum memformat MSD.

04. Kesalahan dalam meng-update dapat mengakibatkan “BRICK” (rusak total) atau “SEMI BRICK” (masih bisa diperbaiki/flash ulang), jadi resiko di tanggung oleh Anda sendiri.

05. Untuk yang terkena BRICK (lagi sial), jangan putus asa, karena saat ini sudah ada cara untuk memperbaikinya kembali. (using Pandora Battery + Magic MSD Pro)

Ada 2 langkah buat update firmware PSP, tergantung dari mana asal mulanya saja.
Contohnya begini:

01. PSP kita masih FIRMWARE 1.5
02. PSP kita sudah di CUSTOM FIRMWARE (OE-A)

=======================================

01. PSP kita masih FIRMWARE 1.5 …alias bawaan dari firmware SONY asli. (Biasanya sewaktu kita beli di Indonesia sih Firmware PSPnya udah diupdate jadi custom firmware. Ciri2nya yg ada OE-A)
Untuk melihatnya —>lihat di menu PSP: \System Setting\System Information\
System software: 3.02 OE-A <— CUSTOM FIRMWARE
System software: 1.5 <— FIRMWARE Asli

– — – — – start — – — – –

A. UPDATE dari 1.5 —> 3.02 OE-A (Firmware ASLI ke Custom Firmware)

- Download ‘302OE.rar’ (www.dark-alex.org)

- Extrack file ‘302OE.rar’

- Connect PSP via USB cable

- Copy “oeupdmaker” dan “oeupdmaker%” ke: /PSP/GAME/

- Download 150.pbp dan 302.pbp

[Download 1.50 Firmware]
http://files.psphacks.net/download.php?file=50

*setelah di download, filenya di rename: 150.pbp

[Download 3.02 Firmware]
http://www.psp-hacks.com/download.php?id=937

*setelah di download, filenya di rename: 302.pbp

- Setelah di rename, copy ke 2 files tsb ke: PSP/GAME/oeupdmaker/

- Jadi total di “oeupdmaker” ada 3 files:
> EBOOT.PBP
> 150.PBP
> 302.PBP

- Disconnect PSP

- Go to your PSP menu…nanti ada menu baru untuk mengupdate ke 3.02 OE-A..run it.

- Ikuti prosesnya hingga S E L E S A I.

- Cek PSP anda di:
\System Setting\System Information\System software: 3.02 OE-A

Welcome to 3.02 OE-A !!

– — – — – jika dari 1.50 langsung ke 3.10 OE- A — – — – –

B. UPDATE dari 1.5 —> 3.10 OE-A (Firmware ASLI ke Custom Firmware)

- Download ‘310oe_a.rar’ (www.dark-alex.org)

- Extrack file ‘310oe_a.rar’

- Connect PSP via USB cable

- Copy oeupdmaker dan oeupdmaker% ke: /PSP/GAME/

- Download 150.pbp dan 310.pbp

> 1.50 Firmware (http://dl.qj.net/PSP-Firmware-1.50-File-(EBOOT)-North-America-Firmwares-PSP/pg/12/fid/163/catid/163)
File kemudian di rename menjadi: 150.pbp

> 3.10 Firmware (http://www.psp-hacks.com/download.php?id=1037)
File kemudian di rename menjadi: 310.pbp

- Simpan ke 2 file tsb di folder “oeupdmaker”
Hasil akan terlihat seperti ini:
PSP/GAME/OEUPDMAKER/150.PBP
PSP/GAME/OEUPDMAKER/310.PBP
PSP/GAME/OEUPDMAKER/EBOOT.PBP
PSP/GAME/OEUPDMAKER%/EBOOT.PBP

- (disable USB) Kemudian masuk ke menu GAME, pilih update maker. (akan memakan waktu beberapa menit untuk menciptakan file DATA.DXAR)
* jika terdapat error massage Invalid SHA-1 ketika dalam proses menciptakan DATA.DXAR, jangan dilanjutkan..itu menandakan bahwa file yg dihasilkan akan CORRUPT, yg berhubungan dengan memory stick yg digunakan.
* ulangi proses dengan menggunakan memory stick lain.

- Setelah berhasil, anda akan memiliki file ‘DATA.DXAR’.

- Copy file ke folder 310oeflasher (!!)

File yg diperlukan untuk update ke 3.10 OE-A:
- 310oeflasher\DATA.DXAR (!!)
- 310oeflasher\EBOOT.PBP (File ada dalam 1 paket update 3.10 OE-A)
- 310oeflasher%\EBOOT.PBP (File ada dalam 1 paket update 3.10 OE-A)

[connect PSP to PC via USB CABLE]

Copy semuanya file tsb ke:
- PSP\GAME\310oeflasher\DATA.DXAR
- PSP\GAME\310oeflasher\EBOOT.PBP
- PSP\GAME\310oeflasher%\EBOOT.PBP

[disconnect PSP from PC]

- Masuk ke menu “GAME”
- Pilih ikon “INSTALL 3.10 OE-A”
- Biarkan prosesnya selesai (jangan sampai PSP anda mati selama proses)
- Setelah selesai akan muncul perintah untuk merestart PSP anda secara manual.
- Matikan……….dan nyalakan kembali.
- Masuk ke : \System Setting\System Information\
- System software: 3.10 OE-A (Congratulation!! U did it..!)

**File updater nya kalo ga perlu lagi bisa di delete**

=======================================

02. PSP sudah/dari “CUSTOM FIRMWARE”

Ex: Custom Firmware 3.02 OE-A —> 3.10 OE-A
..atau..
Custom Firmware 3.10 OE-A —> 3.10 OE-A2
..atau..
Custom Firmware 3.10 OE-A2 —> 3.30 OE-A
..atau..
Custom Firmware 3.30 OE-A —> 3.40 OE-A

– — – — – start — – — – –

A. Update dari 3.02 OE-A —> 3.10 OE-A

- Download dan extrack 3.10 OE-A

- Copy oeupdmaker dan oeupdmaker% ke:

PSP/GAME150/ —> karena PSP sudah di CFW 2.71 SE, 3.02 OEa or 3.03 OEa.

- Download file Firmware ASLI:

> 1.50 (http://dl.qj.net/PSP-Firmware-1.50-File-(EBOOT)-North-America-Firmwares-PSP/pg/12/fid/163/catid/163)
File kemudian di rename menjadi: 150.pbp

> 3.10 (http://www.psp-hacks.com/download.php?id=1037)
File kemudian di rename menjadi: 310.pbp

- Simpan ke 2 file tsb di folder “oeupdmaker”
Hasil akan terlihat seperti ini:
PSP/GAME150/OEUPDMAKER/150.PBP
PSP/GAME150/OEUPDMAKER/310.PBP
PSP/GAME150/OEUPDMAKER/EBOOT.PBP
PSP/GAME150/OEUPDMAKER%/EBOOT.PBP

- (disable USB) Kemudian masuk ke menu GAME, pilih update maker. (akan memakan waktu beberapa menit untuk menciptakan file “DATA.DXAR”)
* jika terdapat error massage ‘Invalid SHA-1′ ketika dalam proses menciptakan DATA.DXAR, jangan dilanjutkan..itu menandakan bahwa file yg dihasilkan akan CORRUPT, yg berhubungan dengan memory stick yg digunakan.
* ulangi proses dengan menggunakan memory stick lain.

- Setelah berhasil, copy file DATA.DXAR ke folder “310oeflasher” (!!)
Hasil akan terlihat seperti ini:
PSP/GAME150/310oeflasher/DATA.DXAR (17.9 mb) (!!)
PSP/GAME150/310oeflasher/EBOOT.PBP ( 46 kb)
PSP/GAME150/310oeflasher%/EBOOT.PBP ( 12 kb)

- Go to PSP MENU —> GAME —> run 3.10 OE-A…lalu ikuti perintah selanjutnya.

- Setelah selesai..say hallo to 3.10 OE-A!!

– — – — – continue — – — – –

B. Update dari 3.10 OE-A to 3.10 OE-A2

File yang digunakan untuk update dari 3.10 OE-A —> 3.10 OE-A2:

- 310_a2update\EBOOT.PBP

Prosesnya kurang lebih sama..COPY file updater nya ke:

- PSP\GAME150\310_a2update\EBOOT.PBP

**berlaku untuk update ke 3.XX OE-A yg selanjutnya!!

== PSP\GAME150\[FILE IS HERE!!]\EBOOT.PBP ==

– — – — – continue — – — – –

UPDATE to M33

Baiklah, sekarang bagian dari custom firmware X.XX OE-A—> M33
**untuk mengupdate dari OE-A ke M33, bisa dilakukan secara LOMPAT, dengan kata lain tidak harus berurutan dari 3.40 OE-A —> 3.52 M33—> 3.52 M33-4—> 3.71 M33.

Tetapi dapat langsung dari : 3.40 OE-A —> 3.71 M33
…………………atau dari : 3.10 OE-A —> 3.71 M33

(saya pribadi meng update satu persatu scr berurutan, seperti yg sedang saya jelaskan di post ini..tetapi itu semua kembali kepada keinginan anda masing2.)** (^o^)v ~ ..peace..

Sekali lagi jangan lupa hal2 **IMPORTANT** yang sudah diberitahu di atas.

– — – — – start — – — – –

01. UPDATE dari firmware 3.XX OE-A —> 3.52 M33 (OE-A ke M33)

Sebelum dimulai mengupdate ke versi M33, matikan PSP (bukan sleep mode), lalu tekan R dan nyalakan PSP nya untuk memasuki RECOVERY MODE.

Set —> currently: 1.50 kernel (harus)
File yg diperlukan untuk update ke 3.52 M33 (just check it) :

- M33CREATOR\150.PBP
*download Firmware 1.50 asli, lalu setelah download selesai, file di rename menjadi “150.pbp” *

- M33CREATOR\352.PBP
*download Firmware 3.52 asli, lalu setelah download selesai, file di rename menjadi “352.pbp”*

- M33CREATOR\EBOOT.PBP (File ada dalam 1 paket update 3.52 M33)

[connect PSP to PC via USB CABLE]

Copy semuanya file tsb ke:
- PSP\GAME150\M33CREATOR\150.PBP
- PSP\GAME150\M33CREATOR\352.PBP
- PSP\GAME150\M33CREATOR\EBOOT.PBP

[disconnect PSP from PC]
- Masuk ke menu “GAME”
- Pilih ikon “3.52 M33 CREATOR”
- Di layar PSP akan muncul:

3.52 M33 Firmware CREATOR —>Proses yg satu ini agak lama (bkn Hang)
Loading 1.50 firmware ……OK
Writing 1.50 firmware ……OK
Loading 3.52 firmware ……OK
Writing 3.52 firmware ……OK

Done
Press X to exit

- Setelah itu PSP akan restart secara otomatis.
- Setelah menyala, lihat folder GAME psp, muncul ikon “3.52M33UPDATE”.
- tekan X , kemudian di layar akan muncul:

You are about to update your PSP to …..
Press X to start flashing…blabla….

- ikutin instruksinya, tekan X
- tunggu sampai selesai prosesnya, kemudian tekan X kembali untuk men shut down PSP.
- Setelah itu nyalakan PSP kembali.
- Masuk ke: \System Setting\System Information\
- System software: 3.52 M33
(Congratulation!! U did it..!)

**File updater nya kalo ga perlu lagi bisa di delete**

– — – — – continue — – — – –

02. UPDATE 3.52 M33 —> 3.52 M33-4

File yg diperlukan untuk update ke 3.52 M33-4 (just 4 checking) :

- M33Update4\EBOOT.PBP (File ada dlm 1 paket update 3.52 M33-4)
- Seplugins\popsloader\prx go here.txt (File ada dlm 1 paket update 3.52 M33-4)

[connect PSP to PC via USB CABLE]

Copy semuanya file tsb ke:
- PSP\GAME150\M33Update4\EBOOT.PBP
- Seplugins(berupa Folder Baru)\popsloader\prx go here.txt

[disconnect PSP from PC]

- Masuk ke menu “GAME”
- Pilih ikon “3:33:33” , tekan X
- …Ikuti instruksi selanjutnya…
- …setelah selesai PSP akan merestart scr otomatis
- Masuk ke: \System Setting\System Information\
- System software: 3.52 M33-4
(Congratulation!! U did it..again..!!)

– — – — – continue — – — – –

03. UPDATE to 3.71 M33

Sebelumnya update ke 3.71 M33, matikan PSP (bukan sleep mode), lalu tekan R dan nyalakan PSP nya untuk memasuki RECOVERY MODE.
Set —> currently: 3.52 kernel (harus)

File yg diperlukan untuk update ke 3.71 M33 (just 4 checking) :
- Sdk\include\(11 files) (File ada dlm 1 paket update 3.71 M33)
- Sdk\lib\(14 files) (File ada dlm 1 paket update 3.71 M33)
- Sdk\ramtestsample\(3 files) (File ada dlm 1 paket update 3.71 M33)
- * UPDATE\(2 files) (File ada dlm 1 paket update 3.71 M33)

*diperlukan 1 file tambahan untuk dpt melakukan Update ke 3.71 M33
- download SONY Firmware 3.71 : http://www.psp-hacks.com/download.php?id=1259
- Setelah download, RENAME to : 371.PBP (!!)
- Taruh file 371.PBP di folder: UPDATE
- (*)Jadi total file di folder UPDATE ada 3: EBOOT.PBP; umodule.prx; 371.PBP (!!)

[connect PSP to PC via USB CABLE]

Copy semuanya file tsb ke:
- PSP\GAME\Sdk\include\(11 files)
- PSP\GAME\Sdk\lib\(14 files)
- PSP\GAME\Sdk\ramtestsample\(3 files)
- (*) PSP\GAME\UPDATE\(3 files)

[disconnect PSP from PC]

- Masuk ke menu “GAME”
- Pilih ikon “PSP UPDATE ver 3.71” , tekan X
- …selanjutnya akan ada perintah untuk menekan X
- Proses update berjalan seperti layaknya Update versi resmi buatan SONY
- Ketika selesai anda akan diminta untuk menekan tombol O / X (sesuai region) untuk merestart PSP (jangan merestart PSP secara manual)
- Proses update selesai.
- Masuk ke: \System Setting\System Information\
- System software: 3.71 M33
(Congratulation!! U did it..again..and again!!)

Well that’s all I did to my PSP guys…and that’s how I made it to 3.71 M33.

…Good Luck to y’all.. \(^_^)

(+[…….]x) ~ PSPS17TH

PS: PSP will run better on : ”SONY NP9660 -NO UMD-” drive.

*Recovery Mode – configuration – UMD Mode – (currently: Sony Np9660 -NO UMD-)