16 November 2009

Meraup Dolar dari internet

Kadang kita kebingungan untuk menaruh file-file yang berkapasitas besar untuk di bagikan ke orang lain atau teman kita. Apalagi bagi anda yang baru menggeluti dunia Blogger. Nah.... pada episode kali ini saya akan membahas tentang tempat penyimpanan file hosting yang super gratis.. Bagaimana caranya..?Ada banyak media penyimpanan yang gratis di dunia maya ini yaitu Ziddu.com, Rapishare, Bizhat, dan masih banyak lagi. Sekarang saya akan membahas tentang ziddu.com kenapa...? karena di ziddu selain gratis kita juga akan mendapatkan bayaran dari file hosting tersebut jika file kita di download orang lain atau teman kita.

Dari setiap file yang di download kita akan mendapatkan $0.001 per satu kali download dan bukan hanya itu saja kita akan mendapat bayaran jika kita merekomendasikan orang lain atau teman untuk menjadi member di ziddu.com sebesar $0.01. cara pendaftaranya pun tidak sulit sama seperti kita membuat email atau facebook.

Lalu Pembayarannya Bagaimana...?

Pembayaran dari ziddu.com bisa melalui Paypal dan Moneybokers, pengiriman pendapatan minimal $10 lalu tunggu apalagi segera mendaftar...! itung-itung menghemat ruang haridisk kita. kalau berminat mau mendaftar klik disini



14 November 2009

Fungsi Marquee

Setelah kita mempelajari dasar-dasar dari html sekarang kita akan membahas pengembangannya yaitu membuat teks berjalan dengan menggunakan fungsi dari marquee. Langsung saja kita menulis contoh script nya di bawah ini pada notepad :


<html>

<head>

<title>Marquee</title>

<body>

<p>Tulisan ini Diam Tidak Bergerak</p>

<p><marquee>Tulisan Ini tidak Diam Alias Bergerak</marquee></p>

</body>

</head>

</html>

Lalu simpan dengan nama "file.html" dan jalankan dengan IE, Mozilla Dll.



12 November 2009

Dasar Tag HTML

Bagian terpenting dari tag HTML adalah tag yang mendefenisikan Headings, paragraphs dan line breaks.Cara yang terbaik untuk belajar HTML adalah dengan cara mencoba Contoh-contoh. Saya sudah mempersiapkan beberapa contoh yang dapat Anda coba seperti cara-cara yang telah dijelaskan pada halaman sebelumnya.

Contoh programnya sudah tersedia pada Disket Latihan. Dengan adanya file-file ini maka diharapkan Anda dapat bekerja dan mencoba lebih praktis dan cepat.
File aslinya dibuat dengan extension “namafile.txt”, dengan maksud bila Anda melakukan perubahan, maka yang Anda ubah adalah pada file HTML.
Oleh sebab itu langkah pertama adalah Open file Asli dan Save menjadi file HTML dan kemudian Anda dapat melakukan perubahan.

Lakukan percobaan untuk contoh-contoh berikut :
Dokumen HTML yang sangat sederhana

Contoh ini adalah sebuah dokumen HTML yang sangat sederhana, dengan jumlah tag yang minimal.
Contoh ini mendemonstrasikan, bagaimana sebuah text yang diapit oleh elemen body ditampilkan pada browser.
(Buka file Latihan 4-1.txt dan simpan dengan nama latihan4_1.html, Open file “latihan4_1.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).





<html>

<body>

Tulisan yang diapit oleh elemen body ditampilkan pada browser.

</body>

</html>

Paragraph

Contoh ini adalah sebuah dokumen HTML yang mendemonstrasikan, bagaimana tampilan sebuah tulisan yang diapit oleh elemen paragraph <p> </p>.
HTML akan secara otomatis menambahkan satu baris kosong sebelum dan sesudah heading.
(Buka file Latihan 4-2.txt dan simpan dengan nama latihan4_2.html, Open file “latihan4_2.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).





<html>

<body>


<p>Ini sebuah paragraph baris 1.</p>

<p>Ini sebuah paragraph baris 2.</p>

<p>Ini sebuah paragraph baris 3.</p>

<p>Elemen-elemen Paragraph didefenisikan dengan tag p.</p>


</body>

</html>


Headings

Heading didefenisikan dengan tag <h1> sampai <h6>. <h1> mendefenisikan heading yang terbesar, dan <h6> mendefenisikan heading yang terkecil.

HTML akan secara otomatis menambahkan satu baris kosong sebelum dan sesudah heading.

(Buka file Latihan 4-3.txt dan simpan dengan nama latihan4_3.html, Open file “latihan4_3.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).





<html>

<body>


<h1> Ini contoh dari sebuah heading 1</h1>

<h2> Ini contoh dari sebuah heading 2</h2>

<h3> Ini contoh dari sebuah heading 3</h3>

<h4> Ini contoh dari sebuah heading 4</h4>

<h5> Ini contoh dari sebuah heading 5</h5>

<h6> Ini contoh dari sebuah heading 6</h6>


<p>Gunakan tag heading hanya untuk Heading, jangan gunakan untuk membuat tuliasan supaya menjadi besar. Gunakan tag yang lain untuk keperluan itu.</p>


</body>

</html>


Line Break

Tag <br> akan digunakan apabila Anda menginginkan mangakhiri baris, seperti layaknya menekan tombol Enter, tetapi tidak menginginkan sebuah paragraph yang baru. Tag <br> memaksa memutus baris bila Anda menempatkannya dimana saja diantara text.
Contoh:







<p>This <br> is a para<br>graph with line breaks</p>
Tag <br> merupakan tag tunggal tidak ada tanda penutupnya.

(Buka file Latihan 4-4.txt dan simpan dengan nama latihan4_4.html, Open file “latihan4_4.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).





<html>

<body>


<p>

Untuk memotong <br>baris<br>dalam sebuah<br>paragraph<br>gunakan tag br.

</p>


</body>

</html>



Komentar atau Catatan dalam HTML

Tag komentar digunakan untuk memasukkan catatan-catatan programmer pada source code HTML. Sebuah komentar tidak akan diproses oleh browser. Anda dapat menggunakan catatan untuk menjelaskan arti dari sekelompok program, yang dapat membantu Anda untuk memahami seluruh isinya bila dikemudian hari diperlukan perbaikan atau pengembangan.

Contoh:







<!--Ini contoh tag untuk komentar atau catatan -->

Tips yang sangat berguna !

Bila Anda menulis text HTML, Anda tidak akan tahu persis bagaimana hasilnya bila ditampilkan dengan browser lain. Karena ada orang yang memiliki display yang besar, dan ada juga yang kecil. Apabila dilakukan pengubahan ukuran Window maka saat itu juga akan dilakukan format ulang tampilan. Jangan melakukan pengaturan pada layar komputer Anda dengan menambahkan baris kosong atau spasi dalam text.

HTML akan memotong spasi yang ada dalam text Anda. Banyak spasi diatara kata dianggab menjadi satu spasi kosong dan dalam satu baris kosong yang memiliki banyak spasi dianggab hanya satu spasi kosong.

Menggunakan paragraph kosong dengan tag <p></p> untuk menyisipkan baris kosong adalah cara yang kurang baik. Lebih baik Anda menggunakan tag <br>. (Tetapi jangan menggunakan tag <br> untuk membuat daftar atau list, tunggu sampai Anda belajar tentang list pada HTML.)

Mungkin sekarang Anda akan mempunyai catatan bahwa paragraph dapat ditulis tanpa menutup tag </p>.

Jangan mempercayai hal itu. Versi berikutnya dari HTML tidak akan mengijinkan Anda melompati atau mengabaikan tag penutup.

HTML akan secara otomatis menambahkan baris kosong sebelum dan sesudah elemen, seperti sebelum dan sesudah paragraph, dan sebelum dan sesudah sebuah heading.

Kita menggunakan penggaris (rule) horizontal ( tag <hr>), untuk memisahkan section pada latihan kita.

Contoh-Contoh yang perlu dicoba :

1. Paragraph dengan banyak spasi

Contoh ini mendemonstrasikan beberapa default untuk elemen paragraph. (Buka file Latihan 4-5.txt dan simpan dengan nama latihan4_5.html, Open file “latihan4_5.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).

2. Sulitnya mengatur Penulisan Puisi

Contoh ini mendemonstrasikan beberapa problem dengan format HTML. (Buka file Latihan 4-6.txt dan simpan dengan nama latihan4_6.html, Open file “latihan4_6.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).

3. Membuat posisi center untuk heading

Contoh ini mendemonstrasikan cara menempatkan Heading di posisi Center. . (Buka file Latihan 4-7.txt dan simpan dengan nama latihan4_7.html, Open file “latihan4_7.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).

4. Horizontal Rule

Contoh ini mendemonstrasikan cara menempatkan garis horizontal diantara baris text. . (Buka file Latihan 4-8.txt dan simpan dengan nama latihan4_8.html, Open file “latihan4_8.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).

5. Catatan atau Hidden Comment

Contoh ini mendemonstrasikan cara menempatkan catatan dalam Source code HTML. . (Buka file Latihan 4-9.txt dan simpan dengan nama latihan4_9.html, Open file “latihan4_9.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).

6. Warna latar belakang (background)

Contoh ini mendemonstrasikan cara mengubah warna background dari sebuah page HTML. . (Buka file Latihan 4-10.txt dan simpan dengan nama latihan4_10.html, Open file “latihan4_10.html” lewat Browser, kemudian GO, perhatikan hasilnya pada window browser!).

Anda dapat mendownload Ebook Tutorialnya disini

11 November 2009

Kumpulan Ebook Gratis

E Book Tutorial
Corel Draw|Cara Ampuh Flash MX|Jaringan Komputer|Visual Basic|Flash MX |Membuat Instalan|Belajar PHP|Jaringan Komputer 2|PhotoShop|Internet Gratis|Jaringan Komputer 3|JavaScript|Belajar HTML

Membuat Blog dengan Blogger

Pengertian Blog
Blog atau Weblog adalah buku harian online yang diisi secara terusmenerus
secara periodik. Blog pada awalnya hanya dimiliki oleh artis dan
selebriti saja karena pada saat itu membuat blog membutuhkan banyak biaya,
meliputi pembuatan desain, pembelian domain, sewa hosting sampai dengan
maintenance blog itu sendiri. Disamping itu diperlukan pengetahuan khusus
tentang bahasa pemrograman internet seperti PHP dan MySQL. Namun, sesuai
dengan perkembangan jaman, belakangan ini sudah banyak beredar situs-situs
yang menyediakan blog secara gratis tanpa harus mengerti bahasa
pemrogramannya. Salah satunya adalah Blogger.com yang mempunyai pengguna
paling banyak karena kemudahan dalam pengelolaan template sehingga sesuai
dengan yang kita inginkan.
Persyaratan Membuat Blog
1. E-mail
Sebelum membuat blog kita harus mempunyai account E-mail yang aktif, bisa
dari Yahoo.com, Plasa.com, Telkom.net, dan lain-lain. Bila belum punya
E-mail, silakan daftar terlebih dahulu.
2. Koneksi Internet
Untuk membuat blog dibutuhkan koneksi internet, bisa dikerjakan di rumah
sendiri menggunakan telkomnet instan, atau di warnet terdekat.
Langkah-langkah Membuat Blog
1. Membuka Blogger
Jalankan browser Anda kemudian buka http://www.blogger.com. Tunggu
hingga muncul tampilan awal Blogger.com.
2. Mulai membuat
Klik tombol Ciptakan Blog Anda Sekarang pada gambar panah di bawah
ini:


3. Mengisi form
Isilah form di bawah ini dengan benar.

Alamat email : diisi alamat E-mail Anda yang masih aktif.
Masukkan sebuah password : diisi password Anda
Ketik ulang sandi : ketik sekali lagi password yang Anda
masukkan tadi.
Nama Tampilan : diisi nama yang akan ditampilkan di posting.
Verifikasi Kata : diisi kata yang ditampilkan di bawahnya.
Penerimaan Persyaratan : di cek.
Setelah semua form diisi, klik tombol Lanjutkan untuk melanjutkan
membuat blog.
4. Memberi nama blog
Isilah form dibawah ini untuk memberi nama blog Anda.

Judul Blog : diisi judul blog yang akan ditampilkan di Header.
Alamat Blog (URL) : diisi alamat blog yang diinginkan.
Setelah semua form diisi, klik tombol Lanjutkan untuk menuju bagian
berikutnya.
5. Memilih template blog
Akan disediakan bermacam-macam template oleh Blogger. Anda diminta
memilih salah satu template sesuai dengan selera Anda. Tempate yang Anda
pilih ini sewaktu-waktu dapat diganti dengan template yang lain.

Setelah memilih template, klik tombol Lanjutkan untuk menuju ke bagian
berikutnya.
6. Memulai Posting
Blog Anda telah selesai diciptakan. Kini saatnya Anda menambah posting ke
dalam blog Anda dengan cara klik pada tombol Mulai Posting.

7. Mengetik Posting
Ketikkan postingan Anda di bagian bawah ini. Jika belum siap mengisi
posting, silakan isi posting seadanya. Nanti kita edit lagi dengan artikel
sungguhan. Kalau sudah, klik tombol Mempublikasikan Posting.

8. Berhasil Mempublikasikan
Posting Anda sudah berhasil dipublikasikan/diterbitkan. Sekarang jika Anda
ingin melihat tampilan blog, silakan di klik Lihat blog (di jendela baru)

9. Tampilan blog
Proses membuat blog telah selesai. Inilah tampilan blog yang kita buat tadi
Strukturnya masih terlalu sederhana, untuk itu silakan Anda menambahkan
aksesori ke dalam blog Anda agar tampilan blog Anda lebih menarik.

Sekian...!

Perkenalan HTML

Elemen - elemen HTML

Dokumen HTML terdiri dari File Text yang dibuat dengan berbagai elemen (unsur/dasar) HTML.

Elemen-elemen HTML didefenisikan dengan menggunakan berbagai Tag


Tag-tag HTML



  • Tag HTML digunakan untuk memberikan tanda pada elemen HTML

  • Tag HTML diapit oleh tanda dengan dua buah karakter < and >

  • Diantara dua karakter yang diapit disebut sebagai “angle brackets”

  • Biasanya Tag HTML terdiri dari sepasang tanda seperti <b> dan </b>

  • Tag yang pertama dari pasangan tersebut adalah “start tag”, dan yang kedua adalah “end tag”.

  • Tulisan (text) diantara start dan end tags adalah “element content”.

  • Tag HTML tidak mempermasalahkan huruf besar atau kecil <b> artinya sama dengan <B>


Elemen- elemen HTML


Contoh Membuat Halaman HTML :






<html>
<head>
<title>Judul page</title>
</head>
<body>
Tulis isi halaman html di dalam tag body.
<b>Tulisan ini menggunakan bold</b>
</body>
</html>

Ini contoh elemen HTML :






<b>Tulisan ini menggunakan bold</b>

 

Elemen HTML dimulai dengan sebuah start tag: <b>

Content atau Isi dari elemen HTML adalah: Tulisan ini menggunakan bold

Elemen HTML diakhiri dengan sebuah end tag: </b>

Kegunaan dari tag <b> adalah untuk mendefenisikan sebuah elemen HTML supaya mendisplaykannya sebagai tulisan tebal (bold).

Ini juga sebuah elemen HTML:






<body>
Tulis isi halaman html di dalam tag body.
<b>Tulisan ini menggunakan bold</b>
</body>

Elemen HTML dimulai dengan sebuah start tag: <body> dan diakhiri dengan sebuah end tag: </body>

Kegunaan dari tag <body> adalah untuk mendefenisikan sebuah elemen HTML bahwa dianya (tubuhnya) mengandung dokumen HTML.


Mengapa kita menggunakan tag dengan huruf kecil ?


Diatas kita menyebutkan Tag HTML tidak mempermasalahkan huruf besar atau kecil <b> artinya sama dengan <B>.

Bila Anda mengamati Web, Anda akan memberikan catatan bahwa kebanyakan contoh menggunakan tag dengan huruf besar. Kita selalu menggunakan huruf kecil , mengapa?

Bila kita mempersiapkan diri untuk generasi HTML yang berikutnya, maka kita harus membiasakan diri dengan menggunakan tag dengan huruf kecil. World Wide Web Consortium (W3C) merekomendasikan huruf kecil untuk HTML4 dan juga untuk XHTML (generasi berikutnya dari HTML)


Atribut-atribut (lambang) Tag


Tag dapat memiliki atribut. Atribut dapat memberikan informasi tambahan tentang elemen HTML pada page Anda.

Tag ini mendefenisikan elemen body dari page HTML Anda: <body>. Dengan menambahkan sebuah atribut bgcolor, Anda dapat memberitahukan Browser, bahwa warna latar belakang (background color) dari page Anda akan diubah menjadi merah seperti : <body bgcolor="red">.

Tag ini mendefenisikan sebuah tabel HTML : <table>. Dengan menambahkan sebuah atribut border(batas), Anda dapat memberitahukan Browser, bahwa tabel dibuat tanpa tanda: <table border=”0”>


Atribut selalu dibuat dalam bentuk pasangan seperti ini : name=”value”.

Atribut selalu ditambahkan pada bagian start tag dalam sebuah elemen HTML.


Bentuk tanda kutip “red” atau ‘red’ ?


Nilai atribut selalu diapit oleh dua tanda kutip. Biasanya digunakan tanda kutip ganda ( ) tetapi yang single ( ) pun dapat digunakan.


Pada beberapa kondisi tertentu (janggal), seperti bila nilainya sendiri memiliki tanda kutip, biasanya kita gunakan tanda kutip tunggal, seperti contoh dibawah ini :

Name=’Zaky “beragama” Islam’.


Sampai disini dulu yah besok kita sambung dengan judul "Dasar-Dasar Tag HTML".... Selamat Mencoba

Penting: Untuk penulisan kade HTML menggunakan Notepad dan simpan dengan nama "namafile.html"