Profil

 info-kom77.blogspot.com
Mari 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 perubaha-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 HTML 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 texs, 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 Exsplorer, 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) texs di bawah ini: Ini adalah dokumen HTML pertamaku Preview 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 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 " " dan tag penutup " " dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: , , , , semuanya adalah sama. 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: Disini adalah konten yang tampil di browser Preview Tag pertama pada dokumen HTML diatas adalah: " " tag ini merupakan awal dari suatu dokumen HTML, dan tag " " merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag …. Kemudian tag " …" (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 " " 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 "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia). Format Font HTML Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini: Untuk membuat jenis font (face):

Judul dengan font Verdana

Konten dengan font Times
Untuk membuat ukuran (size):

Judul dengan size 5

Konten dengan size 3
Untuk membuat warna font (color):

Judul dengan warna biru

Konten dengan warna merah
Contoh komplit untuk membuat jenis font (face),size dan color:

Judulnya Tentang Font

Ini adalah contoh tulisan dengan pengaturan font yang menggunakan
tag HTML elemen font dengan atribut face, size dan color...
Preview 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 tidak dipergunakan lagi, sebagai gantinya dibuat tag

info-kom77.blogspot.com
☺Membuat teks atau sebuah kata berkelap-kelip di blog merupakan suatu hal sangat susah ketika kita belum mengetahui kode html nya.......╬ Tapi sekarang saya akan membantu anda membuat tulisan berkelip, contoh nya seperti ini♥:

╬☻Kata-kata ini berkelipkan☺╬

Ok, pertama anda login dulu, next
Pilih tata letak
Tambah gadget ( HTML/Javascript )
Masukan kode dibawah ini

Kata/Tulisan ini berkelip
Save dan lihat hasil nya

Catatan:
Tulisan yang berwarna merah itu ganti dengan kata-kata sendiri key.
Selamat mencoba........♦♠♣♥

info-kom77.blogspot.com
Di Sini saya akan memberikan beberapa sponsor yang mungkin setidaknya dalam perlombaan ini akan berguna atau hanya sebagai pajang hiasan di blog anda.
Ya saya dalam lomba Desain blog telah merasakan semua apa yang di lombakan ,apa lagi ini dari sebuah sponsor,sangatlah penting untuk digunakan.
Saya tidak akan berpanjang-panjang lebar lagi menjelasin tentang kode di bawah ini yang akan saya kasih...
langsung saja saya melihatkan langkah-langkah untuk membuat sponsor di gedget:

1.Masuk ke blog anda,
2.Pilihlah Tata letak yang sekarang disebut rancangan
3.Lalu pilih Tambah gedget
4.klik HTML/JavaScript
5.lalu Masukkan code dibawah ini kedalamnya.
<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200">

<a href="http://pekanbaru-riau.blogspot.com/2007/10/mall-pekanbaru.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhuwndgVnG489Cg6FxwxKZGbpaaCcwVQmsJMU2gKG0b_CelJ6dkbovt-H9xPWoHczyb_7yAgljVTW0afQIKdnVuHqXGidn2Jlhkf_z-9_T7cNSdHQbK56mldy5DYN0idCb64Yg5iTqjc/s220/malpekabaru_logo.jpg'"/></a>
<br/><br/>
<a href="www.telkomspeedy.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_Z-Ch6bPJxwrz4nMIRZ9oEZHSzDB2B2x0RgMtUXDEh7sAFwnMBiB_Ifwig5wOByuZ3QNiSDrTu8p5uPJOV2Q_ORWFS2JBNxTdEMKXyq8Ld5TtiJnbTgTnOHBdozrRrpkeziZC8_OuUs/s128/43r3.jpg"/></a>
<br/><br/>
<br/><br/>
<a href="http://www.putrasun.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohbyP6mjpb7iEaRZPCgAwYpci8vM2FybaTGp9NtuS4GFNikwSHqbPYultBvRbwmFoWGTxjb3Ao5KP1LKrtY5yIBsyrrIw-IZT3UFMm9B9SICQ5lBJCkhB0xyrylZ8uiPFVIfGEt3w6d4/s128/title.gif"/></a>
<br/><br/>
<br/><br/>
<a href="http://www.megaplasa.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlzJ0ooP5tewoEG9HtRv4-2McUWWK8WdZ8CBmTWz9trDv_tnIrsmfpN-3AFlXHcWkgvzmmvSB3WW3hjWxTnGSXVwdPCHdRWHlcUEEP1jRPuDM8ucVTm5_6GxiOFqixdSBC4UpEEgGTxu4/s128/PICT1274.JPG"></a>
<br/><br/>
<br/><br/>
<a href="http://www.bertuah.org" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_8rH1bYYX2PTnh9-3H_sruK0Q8bHG9kykKzZ-N_-dLOHY7H9FXwAk00agm80i_8KBSfBKGRsYzvwUU3zmkssH952o_H36Fo6bZ3AZH4zlBQLpjjuGQVjXM4vyVR-ufyos-sHDayaSac0/s128/logo.gif"></a>
<br/><br/>
<br/><br/>
<a href="http://www.mandalaair.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ8V5Yi4c7PZoH9tbUDta2TwWPG10pftUxFuCss1kylgUOHFbJbpzw3Bc25rYdOas-bxrybRobvWqt8vLHMlEhGrDXBAKlVMGMvHGkKv2hwTaQ-iHqtzgr8vVzICujautgT_ygndr2NI0/s128/logo-mandala.gif"></a>
<br/><br/>
<br/><br/>
<a href="http://www.telkom.co.id/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvN9PXRQ3zzvvXuS51xDIdnKm_A2QzTjeKPPiTwswpRLsMNCstua6SEMBQ2Z-VcaV0i9-bS7TZ-4Gk73pTmN2LGlwxK4MBF7btr7-YnJOL4odOEgFc31_jkQ6hdZj6qrlXynIaD2qIjqI/s128/new-telkom-logo.jpg"></a>
<br/><br/>
<br/><br/>
<a href="http://www.saturiau.com/read/ekonomi/707/2009/05/19/citarasa-foodcourt-mal-pekanba-html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDmsajC3aWKZzx66MKkNfGT08tYwu0mRZU7FGqhkqXyl7OTo05w5fs7_XLaSnbVSdGH0xw43_zYHhBLRVdG3Vf1064xrJZRfbXIM5xfMZJesEZc7pXq-vFV5xf0vzDBArdE494ZMe64vc/s128/PICT1278.JPG"></a>
<br/><br/>
</marquee>

info-kom77.blogspot.com
Ney script na..

Script efek Bintang jatuh

Script efek salju berguguran


Script efek kembang Api

Script efek hati bertaburan

untuk cara pemasangannya :
silahkah masuk blogger.com-->tata letak/layout--->edit html
download lengkap template.

kemudian cari kode ditemplate kamu, (letaknya dibagian paling bawah template) kalo udah ketemu paste script yang kamu pengen diatasnya..

semoga sukses y. . . .???//

info-kom77.blogspot.com
Kali ini Saya akan membuat kata pembuka atau sambutan di blog kita :
Ada Dua macam untuk membuat kata pembuka,,,,,bisa berupa cara edit html atau bisa juga dengan tambah gedget,,,,sangat simple kok


Langsung Saja ya.....


1.Cara Membuat Kata Pembuka Dengan Edit Html

1. Login ke account blogger.

2. Klik Layout --> Edit HTML.

3. Cari kode di dalam template anda.




4. Copy pastekan script di bawah ini tepat diatas kode

5. Ganti text yg ada tanda ("::..Welcome To My Blog..::") dengan kata kata anda sendiri.

6. Jika sudah jangan lupa di Simpan. Lihat hasilnya pasti ada yang berbeda di blog kamu mudah bukan.

2.Cara Membuat Kata Pembuka Dengan Tambah Gadget


1. Login ke account blogger.
2. Pilih Rancangan ==> Elemen Halaman ==> Tambah Gadget
3. Lalu Masukan Scrip Dibawah Ini ke Dalam tambah gedget tadi....






Mudah kan,,,,Terserah Dhe mau Pakai yang mana...


Selamat mencoba ?. . .

info-kom77.blogspot.com
Cara membuatnya sangat simpel dan gampang (bahkan sangat mudah) langsung aja kita turun gunung OK, ikuti langkah-langkah di bawah ini :

1. Login ke Blogger + Tata Letak + Edit HTML dan berikan centang pada Expand Tempelate Widget (untuk jaga - jaga sebaik nya kamu Download Tempelate Lengkap kamu)

2. Kemudian kamu cari kode body { (untuk memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)

3. Seteleh ketemu kamu letakkan Script dibawah ini di bawah kode body {
cursor:url("http://i49.tinypic.com/flvjtl.gif"),text;

4. Simpan

Mudah bukan cara membuatnya Oh yah, ganti tulisan yang berwarna biru dengan url gambar crusor kamu ?. . .