Dha Production
Di Blog ini saya akan mencoba membagi informasi tentang aspek teknologi yang sedang marak saat ini terutama di bidang service computer semoga artikel yang ada dalam blog ini dapat bermanfaat bagi kita semua TERIMAKASIH
Sabtu, 01 September 2012
Aktivasi camfrog pro
Activation Code Camfrog Pro
Published : 15:26 Author : Admin
1. Camfrog Chat Pro 5.4.
* Key : 9FCA-0002-7367FAC704D2BC88E5A79CB4697CB841
2. Camfrog Pro.
* Key : A879-0002-128E6100350A4FBE9787F0D1314041A6
3. Camfrog PRO.
* Key : 574A-0004-0BC88856DE82F7729888E6311F3C6D16 | 5738-0004-5AB1F1BB68F09D137CA45F214ACF1C30 | 3A49-0004-15FDD4D10959F6A96D93FF3A3E709CC2 | E360-0003-93CE98DBA24131760675066F21F9E534
4. Camfrog Pro 4.
* Key : 3D13-0000-47BF430FFE7B28B660546FC19F26B423
5. Camfrog Pro 5.1
* Key : 211133665478955
6. Camfrog Pro Code.
* Key : 3837-0001-A99FBA3FD6AE8A2AD007804BCDD6EB5D
7. Camfrog Video Chat Pro.
* Key : 002A-0000-B5B51641CB2C76AAF2F6BABB3F8F62D6 | 0F57-0001-1F1AB7EAE5E6D59652B895F15A1C4596 | CE5B-0000-A0BE6AC00DF602A02428F9D0BACAD143 | CE5B-0000 A0BE6AC00DF602A02428F9D0DACAD143
8. Camfrog ++ Pro.
* Key : C24225-D115DC-DFD2FFX
Jumat, 31 Agustus 2012
Fungsi REGEDIT (registry editor)
Regedit adalah salah satu sistem yang diterapkan di dalam sistem operasi Windows. Regedit bekerja dengan menggunakan angka biner dan hexadesimal (kalo ga salah). Cara membuka regedit ini gampang, seperti ini :
Klik : Start > Run (muncul box Run) , ketikkan kata “regedit” bisa kapital maupun non kapital.
Regedit memiliki kemampuan-kemampuan rahasia yang belum anda kenal (bagi yang baru tau). Kemampuan itu dapat anda lihat pada daftar di bawah ini, berikut dengan petunjuk aktifasinya. Selamat mencoba..
Mengganti Nama Recycle Bin
Nama “Recycle Bin” temasuk ke dalam salah satu apliaksi yang tidak bis di ganti namanya. Kalau tidak percaya, coba aja dengan mengklik kanan Icon Recycle Bin pada Desktop, carilah opsi rename-nya. Ga bakalan nemu deh… Nah berikut ini adalah string yang digunakan dalam mengganti nama Recycle Bin itu, selamat mencoba.
HKEY_CLASSES_ROOT/CLSID/{645FF040-5081-101B-9F08-00AA002F954E}
Klik ganda pada option (Default value) dan beri nama baru sesuai keinginan anda pada Value Data.
Menunjukkan File Hidden Operating System
Biasanya setiap orang memiliki privasi tersendiri di dalam komputernya. Untuk itu dilakukan berbagai cara dalam menyenbunyikan folder-folder yang dianggap pribadi atau berisi #$@%^&&. Salah satu cara yang digunakan adalah “Hide Operating System ” yang dilakukan melalui DOS. Salah satu cara “lagi” yang digunakan dalam menampilkan file yang “superhiden” ini adalah Regedit, selain dengan DOS itu sendiri. So, try this one :
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced
Buat sebuah DWORD Value baru dan beri nama ShowSuperHidden. Klik ganda ShowSuperHidden dan masukkan angka 1 pada Value Data.
Otomatis Mematikan Aplikasi yang Not Responding
Kemampuan ini dapat dilakukan untuk mematikan secara otomatis program-program yang “not responding”. Walau terkadang “kaga” bekerja, hehehe, tapi apa salahnya di coba….
HKEY_CURRENT_USER\Control Panel\Desktop
HKEY_USERS\.DEFAULT\Control Panel\Desktop
Klik ganda AutoEndTasks dan masukkan angka 1 pada Value Data.
Atau
HKEY_USERS/.DEFAULT/Control Panel/Desktop
Klik ganda AutoEndTasks dan masukkan angka 1 pada Value Data.
Kotak Dialog Sebelum Logon
Mau ngerjain orang? Trik ini dapat diandalkan. Kemampuan string ini adalah menampilkan kotak dialog yang berisi judul berikut isinya sebelum Log On Windows. Judul dan Isi Dialog Box dapat diisi sesuai dengan keinginan anda. Cobain aja string ini…
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon
Klik ganda LegalNoticeCaption dan masukkan input teks judul yang diinginkan (contoh: Virtus Alert).
Klik ganda LegalNoticeText dan masukkan input teks (isi) yang diinginkan (contoh: This computer have been infected by panicattack virus).
Menonaktifkan Fungsi AutoRun
Fungsi string ini dapat diandalkan karena banyaknya virus yang berkembang melalui “autorun”. Matikan fungsi menu autorun komputer anda. Sehingga setiap flashdisk yang ter”cucuk” tidak akan dapat berjalan melalui autorun.
HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Policies/Explorer
Klik ganda NoDriveTypeAutoRun dan masukkan angka 95 pada Value Data.
Membersihkan Recent Documents
Recent dokumen berguna untuk meninjau kembali setiap file terakhir yang anda buka. Jika komputer digunakan oleh banyak orang (like komputer tempat kos-kosan) pengguna terakhir akan berupaya mengapus file-file recent yang pernah dibukanya, apalagi file itu foto ceweknya, hihihihihi. Supaya mudah cobain aja string ini.
HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Policies/Explorer
Buat sebuah DWORD Value baru dan beri nama NoRecentDocsHistory.
Klik ganda pada NoRecentDocsHistory dan masukkan angka 1 pada bagian Value Data.
Menyembunyikan My Recent Documents
(sambungan cara di atas) Lakukan trik awal dengan string berikut, sehingga Link “My Recent Document” akan hilang dari menu Start anda….
HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Explorer/Advanced
Klik ganda pada Start_ShowRecentDocs dan masukkan angka 0 pada Value Data.
Ending :
Terkadang beberapa string tidak ditemukan atau tidak dapat bekerja sebagaimana mestinya.. balum ada jawaban pasti mengenai masalah ini. Yang jelas, cobain aja dulu..dan yang terpenting lagi adalah belajar. Untuk mngetahui rahasia lainnya, kunjungi aja : http://ilmukomputer.com ketikan “abe-registry” pada menu search..
Selamat mencoba, jika terjadi kesalahan, lakukan lagi percobaannya. Atau bertanya di forum IT, atau blog ini….
Sumber : http://isaninside.wordpress.com / http://ilmukomputer.com = abe-registry.
Cara Hack Facebook Menggunakan Facebook Hacker 1.7 By The Joker 2011
Perbedaannya sangat sedikit Facebook Hacker 1.7 mempunyai dua password jika anda membuka software tersebut. sedangkan versi-versi sebelumya hanya diminta satu password.
Kesamaan software ini adalah mempunyai dua fungsi. Fungsi yang pertama memprotect atau menjaga account facebook kita dari hacker dan yang kedua membobol account facebook orang. Mari kita lihat langkah-langkah menggunakannya.
Langkah 1 : Sebelum mendownload software ini matikan dulu Anti Virus.
Langkah 2 : Silahkan download Facebook Hack 1.7 By The Jocker.
Download Via Ziddu
Download Via Megaupload
Rar Password : didid.irmawan
Langkah 3 : Setelah terdownload, buka software tersebut maka tampilannya akan keluar seperti ini.
Langkah 5 : Pilih Facebook untuk menghack account orang dan klik Protect Facebook untuk menjaga facebook anda agar tidak dihack.
Read more:http://didid-cracker.blogspot.com http://didid-cracker.blogspot.com/2011/03/cara-hack-facebook-menggunakan-facebook.html#ixzz255MW7hRn
Under Creative Commons License: Attribution
Cara Membuka File RAR yang Terkunci Menggunakan Software Rar pasword unlockerre RAR Password Unlocker 2011
RAR Password Unlocker adalah sebuah software gratis yang fungsinya membuka file RAR yang terkunci. Software ini menggunakan brute force password recovery yang dapat membantu anda memulihkan file RAR yang terkunci dan yang tidak mudah membukanya.
RAR Password Unlocker dapat bekerja pada berbagai sistem operasi mulai dari Windows 98, Windows xp, Windows 7 dan lain-lain. Kapasitas software ini 588 KB, sangat kecil dan mudah diinstal. Silahkan didownload.
Download Via Ziddu
RAR Password : didid.irmawan
Buka RAR Password Unlocker dan instal seperti biasanya, setelah itu maka program tersebut akan terbuka. Klik select untuk mencari file RAR yang
anda inginkan tentunya file tersebut terkunci, kemudian klik select
yang terdapat di bawahnya lagi untuk mencari tempat dimana Password
akan tersimpan, Password yang tersimpan berupa Notepad.
Harus diingat bahwa RAR Password Unlocker hanya dapat digunakan di file berupa type RAR.
Read more:http://didid-cracker.blogspot.com http://didid-cracker.blogspot.com/2011/04/cara-membuka-file-rar-yang-terkunci.html#ixzz255LNH7Tn
Under Creative Commons License: Attribution
Cara Hack Mematikan Komputer Orang Lain Untuk Menambah Kecepatan Internet Kita
Hhmmmm...
terkadang kita merasa jengkel ketika kita bermain internet tetapi
kecepatan internet sangat lambat, itu disebabkan karena banyaknya
pengguna jaringan. Timbul pikiran saya bagaimana menambah kecepatan
internet saya tanpa sepengetahuan orang lain.
Nah, saya akan menambah kecepatan internet saya dengan cara mematikan komputer orang lain dari jarak jauh, tentunya orang yang akan kita mantikan komputernya berada dalam satu jaringan wireless dengan kita dan orang tersebut tidak akan mengetahui siapa yang mematikan komputernya,..(hehhee kejam ya... ini cuma untuk pembelajaran aja).
Okay, mari kita lihat langkah-langkahnya.
Langkah 1 : Pastikan komputer anda terhubung dengan jaringan.
Langkah 2 : Buka Command Prompt atau bisa juga dengan klik run, ketikkan CMD. Maka akan terlihat seperti gambar berikut.
Langkah 3 : Ketik Shutdown -i di Command Prompt dan akan terlihat kotak dailog seperti gambar di bawah ini.
Langkah 4 : Klik Add untuk menambah orang yang ingin kita matikan komputernya. Caranya masukan nama atau IP Adress orang.
Langkah 5 : Ada tiga pilihan Restart, Shutdown dan Annotate Unexpected Shutdown. Terserah anda ingin pilih yang mana.
Langkah 6 : Tentukan waktu untuk menghidupkan kembali kompter orang. Pada Option pilih Other (Planned).
Langkah 7 : Ketik komentar anda pada tabel Comment. Tulisan yang anda ketik akan dibaca oleh orang yang ingin kita matikan komputernya. Contoh : 30 detik lagi komputer anda akan rusak.
Langkah 8 : Klik Ok. dan selesai.....
Pasti anda bertanya-tanya bagaimana
mendapatkan atau mencari orang yang satu jaringan dengan kita, Nah, saya
katakan itu sangat mudah. Anda hanya menggunakan sebuah software yaitu NetResView. Silahkan download NetResView.
Read more:http://didid-cracker.blogspot.com http://didid-cracker.blogspot.com/2011/03/cara-hack-mematikan-komputer-orang-lain.html#ixzz255HY3v00
Under Creative Commons License: Attribution
Kamis, 30 Agustus 2012
TRIK CARA MUDAH HACK WEBSITE ORANG
Ngehack website sebenarnya mudah banget, tak perlu lu ngerti bahasa
pemprograman apapun, harus cape2 "mancing-mancing" cari password admin .
cukup modal 1 script dan bisa ngetik, ngedit image and baca tulis
tentunya
cukup ikuti langkah ini saja :
1. cari website sasaran (terserah situs apa, mau situs microsoft, FBI, CIA, situs KPU?. pokoknya suka2 lu aja deh), misal nih http://nimbuzzing.org . wkwkwwk
2. Tunggu loading sampe tampilan halaman web penuh. (terbuka sempurna)
3. Sekarang menuju langkah yang paling serunya. Copy script ini :
(copy aja bos).
4. Sekarang paste script diatas di address web browser lu (gw pake Mozilla Firefox). maksud gw timpa http://nimbuzzing.org tadi dengan script tadi trus enter bos.......
5. Nah sekarang lu siap dah buat acak2in tuh website : mau ganti image nya, me-resize, nge-drag image nya terserah mo diletakin dimana. trus edit aja semua kata2/huruf2 nya. Misal kayak tittle forum kita ini: Nimbuzz Family Indonesia - The First Indonesian Nimbuzz Community trus lu edit jadi NFI : Nimbuzz Female Indonesia, wkwkwkw. ketik aja kayak lu ngetik di word. ok bosss????????
6. Langkah terakhir, saatnya lu riang gembira dan ber-narsis riang karena lu udah bisa nge-crack website orang. trus telpon aja temen lu, kasih kabar kalau lu udah jadi super cracker soalnya bisa nembus situs KPU. Paling mantap kalau lu save pages tuh website yang udah lu crack biar bisa dipamerin ma temen2 lu.
HOOOOOOOOOOREEEEEEEEEEEEEEEE.............................., TAPIIIIIIIII!!!!!!!! ada tapinya nih, jangan seneng dulu! setelah diselidik2 eh ternyata lu cuma nge-hack website di pc lu doank, huhuhahuahuah maksud gw, lu cuma bisa ngehack tampilan website tersebut di pc yang lu pake browsing. sedangkan website aslinya ga apa2, huhuahuhuhauhahua........... intinya bro cara ini sebenarnya adl cara mudah buat ngedit halaman html tanpa harus pake html editor, wkwkwkwkw
sumber:http://worldiscuss.forumotion.net/t28-cara-mudah-hack-website
cukup ikuti langkah ini saja :
1. cari website sasaran (terserah situs apa, mau situs microsoft, FBI, CIA, situs KPU?. pokoknya suka2 lu aja deh), misal nih http://nimbuzzing.org . wkwkwwk
2. Tunggu loading sampe tampilan halaman web penuh. (terbuka sempurna)
3. Sekarang menuju langkah yang paling serunya. Copy script ini :
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
(copy aja bos).
4. Sekarang paste script diatas di address web browser lu (gw pake Mozilla Firefox). maksud gw timpa http://nimbuzzing.org tadi dengan script tadi trus enter bos.......
5. Nah sekarang lu siap dah buat acak2in tuh website : mau ganti image nya, me-resize, nge-drag image nya terserah mo diletakin dimana. trus edit aja semua kata2/huruf2 nya. Misal kayak tittle forum kita ini: Nimbuzz Family Indonesia - The First Indonesian Nimbuzz Community trus lu edit jadi NFI : Nimbuzz Female Indonesia, wkwkwkw. ketik aja kayak lu ngetik di word. ok bosss????????
6. Langkah terakhir, saatnya lu riang gembira dan ber-narsis riang karena lu udah bisa nge-crack website orang. trus telpon aja temen lu, kasih kabar kalau lu udah jadi super cracker soalnya bisa nembus situs KPU. Paling mantap kalau lu save pages tuh website yang udah lu crack biar bisa dipamerin ma temen2 lu.
HOOOOOOOOOOREEEEEEEEEEEEEEEE.............................., TAPIIIIIIIII!!!!!!!! ada tapinya nih, jangan seneng dulu! setelah diselidik2 eh ternyata lu cuma nge-hack website di pc lu doank, huhuhahuahuah maksud gw, lu cuma bisa ngehack tampilan website tersebut di pc yang lu pake browsing. sedangkan website aslinya ga apa2, huhuahuhuhauhahua........... intinya bro cara ini sebenarnya adl cara mudah buat ngedit halaman html tanpa harus pake html editor, wkwkwkwkw
sumber:http://worldiscuss.forumotion.net/t28-cara-mudah-hack-website
Belajar HTML
Jika anda baru terjun di dunia maya alias pemula (newbie) dan
tertarik ingin belajar HTML untuk membuat website sendiri maka anda
tidak salah datang ke blog ini, karena disini anda akan mendapatkan
tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar
HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:
Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Baca juga Update dari Format Font HTML ini di Tutorial HTML.
Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Untuk melihat tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel tentang tag-tag html tanpa tag penutup.
Selanjutnya tag <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Preview
Selanjutnya tag <!--…--> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:
Baca juga Update dari Format text HTML ini di Tutorial HTML.
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.
Sekarang kita mulai dengan menggunakan pilihan warna:
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
Baca juga Update dari Background HTML ini di Tutorial HTML.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
Pengenalan HTML
Pengertian singkat tentang HTMLHTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>
PreviewSimpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:<html>
<head>
<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>
PreviewTag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.
Format Font HTML
Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>
</html>
PreviewBerikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>
PreviewUntuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Baca juga Update dari Format Font HTML ini di Tutorial HTML.
Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>
PreviewUntuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>
PreviewNah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Untuk melihat tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel tentang tag-tag html tanpa tag penutup.
Selanjutnya tag <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Preview
Selanjutnya tag <!--…--> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang mempelajari format-format teks.<br>
Contoh-contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>
</body>
</html>
PreviewKemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:
<html>
<body>
<pre>
<b>PUITUIS ASA</b>
Hari ini...
Aku sedang belajar...
Belajar tentang HTML.
Sulit 'ntuk dimengerti,
Karena banyaknya teks-teks aneh.
Tapi biarlah...
Akan kucoba...
Sampai berhasil.
</pre>
</body>
</html>
PreviewBaca juga Update dari Format text HTML ini di Tutorial HTML.
Hyperlink HTML
Hyperlink digunakan untuk menghubungkan antar dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/" target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css.
</body>
</html>
PreviewUntuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a>
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31" align="left"></a>
Sekarang
coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan
akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini
disebut dengan screen tips, cara membuatnya adalah menambahkan title
pada tag anchor (a) sehingga menjadi:<a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"><img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a>
Agar cepat mengakses internet kita boleh mengatur browser untuk tidak
menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan
teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif
teks maka hanya akan dilambangkan dengan lambang x.<a href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"></a>
Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah: Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.
Background HTML
Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
PreviewUntuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
PreviewKemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
PreviewBaca juga Update dari Background HTML ini di Tutorial HTML.
Langganan:
Postingan (Atom)