Diberdayakan oleh Blogger.
RSS

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Daftar Tag - tag pada HTML

Daftar Tag - tag pada HTML PDF Cetak E-mail


Berikut ini adalah tabel tag-tag HTML dan fungsinya:
 Tag Utama
Tag Atribut Deskripsi
<html></html> Baris paling atas dari setiap file HTML
<head></head> Informasi umum dari sebuah halaman web
<title></title> Judul halaman. Terdapat pada head
<body></body> Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth Settingan atribut untuk seluruh dokumen
Modifikasi Teks
Tag Deskripsi Contoh
<b></b> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<u> </u> Teks garis bawah Teks garis bawah
<pre></pre> Preformatted teks Contoh teks
<h1></h1> Header 1

Header 1

<h2></h2> Header 2

Header 2

<h3> </h3> Header 3

Header 3

<h4></h4> Header 4

Header 4

<h5></h5> Header 5
Header 5
<h6></h6> Header 6
Header 6
<sub></sub> Subscript Subscript
<sup></sup> Superscript Superscript
Font
Tag Atribut Deskripsi
<font></font> Color, size, name Mengubah gaya suatu huruf
Links
Tag Atribut Deskripsi
<a> </a> Href, target, style, class, name, id Membuat link ke dokumen atau situs lainnya
Gambar
Tag Atribut Deskripsi
<img> Src, alt, name, border, height, width Menampilkan sebuah gambar
Formatting
Tag Deskripsi Contoh
<blockquote></blockquote> Digunakan untuk mengatur text dan gambar dalam suatu tag Contoh text in a block quote format ( “ “ )
<ol></ol> Ordered List (digunakan dengan <li>) 1. Item 1
<ul></ul> Unordered List (digunakan dengan <li>) • Item 1
<li> Elemen List
<dd></dd> Definition List
<dt> Definition Term
<dd> Definition Description
<p></p> Paragraf
<br> Ganti baris
<hr> Garis horizonta
<center></center> Menengahkan elemen
Tabel
Tag Deskripsi Contoh
<table></table> Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign Mengatur semua elemen table
<tr></tr> Height, bgcolor, background, align, valign, title Membuat baris baru
<td></td> Height, width, bgcolor, background, align, valign, title, colspan, rowspan Membuat kolom
<th></th> Height, width, bgcolor, background, align, valign, title, colspan, rowspan Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody> Height, width, align, valign, bgcolor, background Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup> Height, width, align, valign, bgcolor, background, colspan Format yang berlaku bagi kolom

Form
Tag Deskripsi Contoh
<form></form> Method, action, name, enctype Mengatur elemen dari form
<input type=> Text, password, hidden, radio, checkbox, submit, image, reset Variasi dari tipe elemen input dalam form
<select></select> Name, size Membuat combo-box. Digunakan bersama dengan option
<option> Selected, name, value
<textarea></textarea> Name, rows, cols, wrap Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
wrap Off
virtual
physical
no wrap
word wrap, sent as one line
word wrap, sent with breaks
Anda tidak perlu menghafal semua tag tersebut, nanti malah kepala anda malah pecah!. Cukup hafalkan yang penting-penting saja seperti <table><form><input><ul>. Tidak hafal pun tidak apa-apa kan kita bisa melihat daftar kalau lupa, yang penting kita paham.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

cara membuat navigasi bar

Membuat Navbar (navigasi bar) sekarang lebih mudah pada blogger. Karena ada fitur terbarunya. Langsung saja saya akan membeitahunya, khususnya untuk blogger yang baru belajar nge-blog nih. Yaitu Pada

Design ---> Tambah Gatged ---> Page (laman).


pages image



















Anda tuliskan Home dan memang kalau pertama kali buat biasanya adalah Home. Home sendiri, secara otomatis link locationnya adalah alamat blog Anda. Lalu cek list kotak cek untuk automatis tambah laman baru bila publish. Lihat gambar diatas. Klik untuk memperjelas.

Trus Anda buat lagi misalnya : About, langkahnya :
  • Posting ---> New page / Laman baru ---> Isi mengenai About tadi ---> jangan lupa Publish. Dan secara otomatis akan ada Tab About pada blog Anda.
Dan apabila Anda ingin menambah laman baru lagi seperti Contact. Caranya sama hanya sedikit berbeda, Anda pergi ke : 
  • Posting ---> Edit pages ---> New page / Laman baru ---> Isi mengenai page tadi ---> Publish.

Untuk menampilkannya secara Horizontal, Anda hanya perlu menggeser Gadget Page tadi di bawah Header, seperti ini :

pages dibawah header image






Maka hasilnya akan seperti ini :

navbar image





Sekian..
Selamat Mencoba. Semoga bermanfaat..

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Mengganti Template Blogger

Cara Mengganti Template Blogger

Cara mengganti template blogger, inilah satu hal yang mungkin dipertanyakan oleh blogger pemula, sudah pasti para blogger ingin tampilan blognya lebih keren dan profesional dari pada blog yang tampilannya berantakan, loadingnya berat ataupun tidak ramah sama sekali kepada pengunjung, ada juga yang tampilan blognya disesuaikan dengan kesukaannya contohnya template naruto dan lain-lain.

Kenapa ganti template..? mungkin ini yang terjadi pada anda yaitu bosan dengan yang itu-itu aja, pingin template yg lengkap misalnya saja anda ingin template yang mempunyai menu horizantal, menu breadcrumbs, dll sedangkan anda tidak paham dengan edit HTML, dan ada juga karna templatenya rusak karna kesalahan pemasangan widget,gadget dan kesalahan ketika mengedit HTML.

Template seperti apa yang baik dan cocok untuk blog kita ? yaitu template yang anda pilih menurut pilihan anda sendiri dan yang pas dengan hati anda baik itu melalui saran dari teman blogger yang laen ataupun tidak, karna andalah yang tau karakter blog anda.

Bagaimaina cara mengganti template ? anda bisa googling template seseuai dengan selera anda, yang mempunyai format .XML, dan biasanya template berformat .XML ini dicompress dalam format .ZIP maka kita harus mengekstraknya terlebih dahulu. dengan cara klik kanan seperti gambar dibawah ini.
File template anda sudah siap ? selanjutnya masuklah ke akun blogger anda dan arahkan kursor pada blog yang kan anda ganti templatenya klik gambar kertas kemudian pilih template.
Kemudian pilih cadangkan/pulihkan
Kemudian klik browse dan cari file .XML yang telah anda ekstrak tadi.

Kemudian klik unggah
Jika muncul peringatan widget/gadget, pilih saja pertahankan widget/gadget, agar gadget yang terpasang pada blog anda tidak hilang dan tidak susah susah tuk menambahkannya lagi

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Mengenal Proxy Server dan Fungsinya


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42jBUpr_Gf4Wd-oGWzYoQMKC49ZPuNk6rTlByA52JWCIB5q4GOSSUGh3S1_ISSQgRJ4oEUhyj2Rrl7QPphLC7Bt7Y115FAF5NkUhNRJqCQu82hyphenhyphenR4SLPrbaphvRsjWKR9WHvalZ2wm3Li/s1600/3-Reasons-For-Beginning-a-Totally-free-Proxy-2720.jpg


Mengenal Proxy Server dan Fungsinya

 


Kata Proxy berasal dari bahasa Latin proximus, yang berarti dekat. Proxy server adalah sebuah server yang membantu kita untuk mempertahankan privasi kita dalam mengakses Internet. Saat kita mengakses Internet menggunakan proxy, web page yang kita kunjungi tidak akan dapat melihat kita. Web page tersebut hanya akan melihat proxy yang kita gunakan saja. Proxy server beroperasi sebagai berikut.

Client tersambung dengan proxy server, dan meminta layanan tertentu seperti file, koneksi, akses web page ataupun lainnya. Proxy server kemudian mengevaluasi permintaan layanan tersebut sesuai dengan aturan filter nya.
Sebagai contoh, proxy server dapat menyaring traffic berdasarkan IP address atau protocol. Jika permintaan tersebut divalidasi oleh filternya, maka proxy akan menyediakan apa yang diminta dengan menyambungkan ke server yang diminta dan meminta layanan dari server tersebut untuk client nya.
Proxy server dapat digunakan untuk berbagai macam keperluan antara lain:
  • Untuk menyembunyikan server tertentu dari publik demi keamanan
  • Untuk mempercepat akses ke resources yang diperlukan
  • Untuk membuka situs-situs yang diblokir ditempat-tempat seperti sekolah, kantor, dan sebagainya.
  • Untuk melewati kontrol keamanan/parental
  • Untuk melindungi identitas saat sedang online
Proxy server yang melanjutkan permintaan dan jawaban tanpa modifikasi biasanya disebut dengan gateway atau tunneling proxy. Sebuah proxy server dapat ditaruh di komputer client, atau di beberapa lokasi diantara client dan server-server yang dituju.
Reverse proxy adalah sebuah proxy yang digunakan sebagai front-end, dengan maksud untuk mengontrol dan melindungi akses ke sebuah server atau private network. Biasanya reverse proxy melakukan hal-hal seperti load-balancing, authentication, decryption, atau caching.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Membuat Bootable USB Drive

Cara Membuat Bootable USB Drive



USB (Universal Serial Bus) drive telah menjadi sebuah perangkat yang sering digunakan untuk membackup data, menggeser fungsi floppy disks, CD, dan ZIP disks. USB drive tidak hanya murah, tetapi juga sangat praktis, tahan banting, dan dapat memiliki kapasitas penyimpanan yang cukup besar. Untuk mengantisipasi saat komputer kita tidak dapat melakukan boot, kita harus memiliki bootable disk. Bootable disk dapat mengindarkan kita dari ketidakmampuan untuk mengakses komputer kita karena masalah booting. Dengan menggunakan bootable USB drive, kita bahkan dapat mengatasi masalah booting dengan lebih cepat.

Berikut adalah langkah-langkah untuk membuat bootable USB drive:
1. Masukkan USB drive anda ke salah satu USB port di komputer anda
2. Klik “Start” di bagian kiri bawah di layar komputer anda
3. Ketikkan “cmd” didalam window RUN untuk membuka command prompt
4. Ketikkan “disk part” kedalam command prompt dan tekan Enter. Setelah itu ketikkan “List disk” dan tekan Enter lagi.
5. Tentukan manakah dari daftar disk yang ditayangkan yang merupakan USB drive anda. (Misalnya USB drive anda berkapasitas 4GB, maka opsi dengan size 4GB itulah yang perlu anda lihat). Catat nomor yang mengidentifikasi USB drive Anda itu di kertas.
6. Ketikkan command berikut kedalam command prompt untuk melakukan format terhadap USB drive anda.
“Select disk A,” ganti “A” dengan nomor yang anda dapatkan di langkah ke 5 tadi. Tekan Enter
“Clean.” Tekan Enter
“Create Partition Memory.” Tekan “Enter.”
“Select Partition A.” Tekan “Enter.”
“Format FS=NTFS.” Tekan “Enter.”
“Assign.” Tekan “Enter.”
“Exit.” Tekan “Enter.”
7. Masukkan CD instalasi Windows XP atau Vista anda. Komputer anda akan membaca CD instalasi itu, dan sebuah window akan muncul di layar. Daftar dari semua drive yang ada akan ditampilkan disitu. Carilah huruf yang merupakan simbol dari CD-ROM serta USB drive anda. Catatlah huruf-huruf ini di kertas.
8. Ketikkan command berikut kedalam command prompt:
“B:CD boot,” ganti “B” dengan huruf yang merupakan simbol dari CD-ROM. Tekan “Enter.”
“CD boot.” Tekan “Enter.”
“Bootsect.exe/NT60 C:,” ganti “C” dengan huruf yang merupakan simbol dari USB Drive. Tekan “Enter.”
9. Copy boot information dari CD instalasi ke USB drive dengan memasukkan command berikut kedalam command prompt:
“xcopy C:*.* /s/e/f B:/,” ganti “B” dengan huruf yang merupakan simbol dari CD-ROM dan ganti “C” dengan huruf yang merupakan simbol dari USB drive. Tekan “Enter.”
Biarkan komputer melakukan copy data dari CD instalasi ke USB drive.
10. Cabut USB drive dari USB port, pasang kembali tutupnya, dan berikan label “bootable” dengan spidol. Simpan USB drive itu di tempat yang aman. Keluarkan CD instalasi Windows anda dan kembalikan ke tempatnya.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara membuat tulisan berjalan di blog


Cara membuat tulisan berjalan di blog


Cara membuat tulisan berjalan di blog - Untuk membuat tulisan berjalan itu sangat mudah karena hanya dengan kode HTML Kode HTML untuk membuat tulisan berjalan di kenal dengan nama perintah Marquee. Kode dasar perintah marquee adalah :
<marquee>Tulisan disini akan berjalan</marquee>
Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee adalah :

bgcolor="warna" » Untuk mengatur warna background (latar belakang) teks

direction="left/right/up/down" » Mengatur arah gerakan teks

behavior="scroll/slide/alternate" » Untuk mengatur perilaku gerakan

Scroll » teks bergerak berputar

Slide » teks bergerak sekali lalu berhenti

Alternate » teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

title="pesan" » Pesan akan muncul saat mouse berada di atas teks

scrollmount="angka" » mengatur kecepatan geraka, semakin besar angka semakin cepat gerakannya.

scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili detik

loop="angka|-1|infinite" » Mengatur jumlah loop

width="lebar" » Mengatur lebar blok teks dalam pixel atau persen 
dan lain-lain,,,

contoh marquee yang berjalan lengkap seperti ini: 


langsung saja copy dan ganti kata "berjalan daru kanan ke kiri" dengan kata-kata sesukamu 

enjoy :)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS