Senin, 11 Juli 2011

Blog pendahuluan

Agan mau punya web,,?? Salah satu cara memiliki web yaitu dengan blog,agan bisa membuat blog gratis di wordpress ataupun blogspot,tapi disini saya akan mengajak agan untuk belajar membuat blog di blogspot.

Disini agan akan belajar mulai dari membuat account gmail sampai mengolah sebuah blog,sehingga tampilan blog agan akan menjadi menarik,membuat blog tidaklah sulit,bahkan sangat mengasyikan dan menguntungkan.karena selain kita bisa belajar tentang teknologi informatika,kita juga bisa mendapatkan penghasilan tambahan dari blog.Banyak orang yang memiliki penghasilan tambahan hanya dari blog atau web,bahkan mereka menjadikan web atau blog sebagai penghasilan utama.

Okay,,!!Sekarang kita mulai saja belajar membuat blognya,,,tidak perlu panik,karena membuat blog itu sangat asyik,agan pasti akan tertarik,apalagi jika di temani cewek cantik,,,,,,hadoooohhh,,,,mantab gan,,!!

Sebelum agan membuat sebuah blog di blogspot,agan harus terlebih dahulu memiliki account gmail di google.

Membuat blog

Account gmail anda sudah jadi,kini saatnya anda mulai membuat sebuah blog di blogspot
Berikut langkah langkahnya,

masuklah ke www.blogspot.com www.blogspot.com tampilan akan seperti di bawah ini,
















Klik Memulai,tampilan akan menjadi seperti di bawah ini,














Isilah semua field yang ada kemudian klik lanjutkan,hingga tampilan menjadi seperti di bawah ini,














ketikan nama blog anda,dan alamat blog anda sesuai dengan yang anda inginkan.kemudian klik lanjutkan,maka tampilan akan menjadi seperti ini,














Pilihlah template yang anda inginkan,kemudian klik lanjutkan,tampilan akan menjadi seperti di bawah ini,














Nah,,!! Blog anda kini sudah jadi dan sekarang anda sudah memiliki sebuah blog di blogspot.Sekarang anda tinggal mengolahnya.


*Jika anda masih kurang paham silahkan coment di bawah

<< sebelumnya                                                   Selanjutnya >>

Membuat account gmail

Sebelum membuat Blog di Blogspot.com,agan harus memiliki account gmail terlebih dahulu,

Berikut langkah-langkah membuat account gmail.

  • Langkah 1
Masuklah agan ke situs google www.google.com

Setelah agan masuk ke situs google kemudian pilih gmail  tampilan akan menjadi seperti di bawah ini














  • Langkah 2
kemudian pilih creat an account,tampilan akan menjadi seperti di bawah ini














isilah semua kolom yang kosong dengan data agan,dan ketikan alamat email yang agan inginkan berikut passwordnya.buatlah alamat email dan password semudah mungkin untuk di ingat,karena jika tidak agan akan repot nanti ketika agan akan menggunakannya.
  • Lankah 3
setelah semua terisi kemudian ketikan huruf verifikasi yang tersedia














kemudian klik I accept.Creat my account.

 Nah,,!! Sekarang agan sudah memiliki account gmail.
  • Langkah 4
Cobalah tes untuk masuk ke email agan dengan mengisikan alamat email yang telah agan buat tadi.dan masukan passwordnya.















  • Langkah 5
kemudian klik sign in.hingga tampilan menjadi seperti di bawah ini














Sekarang account gmail agan siap di gunakan.dan agan siap untuk langkah selanjutnya,yaitu membuat sebuah blog di blogspot. 

Selamat mencoba,teruslah menulis artikel yang bermanfaat.

Kamis, 07 Juli 2011

Element HTML

Dokumen HTML di definisikan oleh element element HTML.

Element HTML  adalah semua dari tag awal hingga tag akhir


Tag awal *
Kandungan unsur
tag akhir *
<p>
Ini adalah paragraf
</ p>
<a href="default.htm">
Ini adalah sebuah link
</ a>
<br />



*Tag awal biasa di sebut tag pembuka dan tag akhir adalah tag penutup.

Element HTML Syntax
  • Element HTML di mulai dengan tag awal /tag pembuka
  • Element HTML di akhiri dengan tag akhir/tag penutup
  • Isi element adalah semuanya dari tag awal hingga tag akhir
  • Beberapa tag HTML memiliki konten kosong
  • Kebanyakan HTML memiliki atrribut

Contoh Dokumen HTML


<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>


*Contoh diatas mengandung 3 element HTML

Penjelasan contoh

Unsur <p> :

<p>This is my first paragraph.</p>

Elemen <p> mendefinisikan sebuah paragraph dalam dokument HTML
Element ini memiliki tag pembuka <p> dan tag penutup </p>
Isi element ini adalah :This is my paragraph.

Unsur <body> :


<body>
<p>This is my first paragraph.</p> 
</body>


Unsur <body>mendefinisikan tubuh dokument HTML
Element ini memiliki tag awal <body>dan tag akhir </body>

Unsur <html> :


<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

Unsur <html>mendefinisikan dokument HTML secara keseluruhan.
Element ini memiliki tag awal <html> dan tag akhir </html>

* Jangan lupakan tag penutup
Beberapa element HTML mungkin akan muncul benar meskipun anda lupa dengan tag penutup

<p>This is a paragraph
<p>This is a paragraph

contoh diatas hampir bekerja di semua browser,karena tag penutup dianggap opsional

Jangan bergantung pada ini,banyak element HTML akan menghasilkan hasil yang tidak kita harapkan/kesalahan jika anda lupa dengan tag akhir (penutup).

Element HTML Kosong

Element HTML tanpa konten di sebut empty element
<br>merupakan element kosong tanpa tag penutup (tag <br> mendefinisikan istirahat baris/baris baru)

Tips HTML :
  • Dalam XHTML semua element harus ditutup
  • Menambahkan garis miring /><br>,adalah cara yang tepat untuk menutup HTML kosong
  • Gunakan huruf kecil karena W3C (World Wide Web Consortium)merekomendasikan huruf kecil dalam HTML 4,dan tuntunan huruf kecil dalam XHTML.
untuk lebih lengkapnya klik disini

Senin, 27 Juni 2011

Dasar HTML

HTML terdiri dari beberapa element,
  • Judul HTML (heading)
  • Paragraph
  • Link
  • Image dsb 

  • JUDUL HTML
    Judul HTML di definisikan dengan tag <h1>sampai <h6>

    Contoh :

    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
    This is a heading   
     This is a heading   
     This is a heading

     

     

    • HTML PARAGRAPH

    Paragraph HTML di definisikan dengan <p>.

    Contoh :

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>

    • HTML LINK

    Link HTML di definisikan dengan <a>

    Contoh :
    <a href="http://www.w3schools.com">This is a link</a>
    Catatan :Alamat link di tetapkan dalam attribut href
    (Anda akan belajar tentang ini pada bab selanjutnya)

    • HTML Image


    HTML Image di definisikan dengan menggunakan <img>

    Contoh:
    <img src="w3schools.jpg" width="104" height="142" />

    Catatan :Nama dan ukuran gambar sebagai attribut


      Jumat, 24 Juni 2011

      Belajar bikin web



      Jika Anda ingin membuat web,maka Anda harus tau dasar dasarnya membuat web,meskipun saat ini banyak yang sudah menyediakan template-nya,akan tetapi untuk merubahnya kita tetap harus mengerti agar tampilan web bisa kita rubah sesuai dengan keinginan kita,oleh karena itu disini Saya mau mengajak Anda untuk sama sama belajar membuat web.
      nah,,!!! kita mulai Saja belajarnya,,,,,

      Apa Saja yang Perlu Anda Siapkan Untuk Membuat Web?
      • Untuk belajar membuat web Anda tidak perlu web server
      • Tidak perlu internet
      • Tidak perlu editor HTML
      HTML dapat di edit dengan menggunakan Adobe dream weaver atau Visual studio,tapi disini kita akan belajar membuat web dengan menggunakan notepad.

      • HTML
      Apakah yang di maksud dengan HTML ,,??
      HTML adalah singkatan dari Hyper Text Markup Language
      HTML  bukanlah bahasa pemrograman,tetatapi bahasa markup yang terdiri dari serangkaian tag markup.HTML menggunakan tag mark up guna menjelaskan isi web. 

      Tag HTML

      Tag mark up  HTML biasanya disebut juga tag HTML.
      Tag HTML itu kata kunci yang di kelilingi oleh tanda kurung siku <html>
      Tag HTML biasanya berpasangan seperti <b> dan </b>
      Tag pertama biasanya disebut tag pembuka,dan tag yang terakhir adalah tag penutup.