Tutorial Blogger: November 2010

Selasa, 16 November 2010

Elemen HTML

Selasa, 16 November 2010 | 07.00

Setelah kita memahami dasar - dasar HTML, lalu bab selanjutnya adalah mengenai Elemen HTML. Elemen HTML adalah seluruh unsur html yang ada, dari tag awal atau tak pembuka sampai dengan tag akhir atau tag penutup.

Berikut ini saya gambarkan dalam bentuk tabel :

Tag awal	Elemen konten	Tag Akhir
<p>	Paragraf teks	</p>
<a href="default.htm" >	Link	</a> <br />
<br />

Elemen HTML Sintaks :
    * Sebuah elemen HTML dimulai dengan tag awal / tag pembuka
    * Elemen HTML diakhiri dengan tag akhir / tag penutup
    * Isi elemen adalah segalanya antara tag awal dan tag akhir
    * Beberapa elemen HTML memiliki konten kosong
    * elemen kosong   ditutup pada tag awal
    * Sebagian besar elemen HTML terdapat banyak atribut
Tip: Anda akan belajar tentang atribut pada bab selanjutnya dari Blog ini.

Elemen HTML Bersarang/ Nested
Kebanyakan Elemen HTML dapat bersarang (dapat berisi elemen-elemen HTML yang lain). Artinya pada suatu dokumen HTML terdiri dari elemen – elemen HTML .
Berikut ini contoh yang terdiri dari 3 elemen HTML :

<html>
<body>
<p>Ini adalah paragraf pertama saya</p>
</body>
</html>

Penjelasan contoh diatas adalah :

Elemen <p> :

<p> Ini adalah paragraf pertama saya</p>

Elemen <p> mendefinisikan sebuah paragraf dalam HTML dokumen.

elemen ini memiliki <p> tag awal dan tag akhir </ p>.

Isi elemen: Ini adalah paragraf pertama saya.

Elemen <body> :

<body>
<p> Ini adalah paragraf pertama saya</p>
</body>

Unsur <body> mendefinisikan tubuh dokumen HTML.

elemen ini memiliki <body> tag awal dan tag akhir </ body>.

Isi elemen elemen lain HTML (elemen ap).

Elemen <html> :

<html>
<body>
<p> Ini adalah paragraf pertama saya</p>
</body>
</html>

Unsur <html> mendefinisikan dokumen HTML secara keseluruhan.

Elemen ini memiliki <html> tag pembuka dan tag penutup </ html>.

Isi elemen terdapat elemen HTML lain (elemen tubuh).

Jangan Lupakan Tag Akhir.
Kebanyakan browser akan menampilkan HTML yang benar,dan jika Anda lupa tag penutup seperti berikut:

<p>Paragrap teks …
<p>Paragrap teks …

Browser tidak bias menampilkan HTML yang anda buat, sebab melupakan tag penutup akan mengakibatkan kerusakan yang tidak kita harapkan.

Elemen HTML Kosong
elemen HTML dengan tanpa konten disebut elemen kosong.
elemen kosong bisa ditutup pada tag awal.
Dalam XHTML, XML, dan HTML, semua elemen harus ditutup, dengan enambahkan garis miring pada tag mulai, seperti />.
<br> merupakan elemen kosong tanpa tag penutup (tag <br> mendefinisikan spasi). <br, adalah cara yang tepat untuk menutup elemen kosong, diterima oleh HTML, XHTML dan XML.

Tip: Gunakan huruf kecil untuk menulis Tag

Mudah - mudahan penjelasan diatas bisa anda pahami ya...., selebihnya silahkan anda coba praktekkan dan anda otak - atik sendiri. Semakin sering dicoba akan semakin tahu lebih dan kekurangannya.
Semoga bermanfaat, dan Jangan lupa tinggalin komentarmu lho.....Terima kasih.

Ping your blog, website, or RSS feed for Free

Senin, 01 November 2010

Membuat Forum Tanya Jawab

Senin, 01 November 2010 | 06.37

Noercholis

4 comments

Forum tanya jawab sangat berguna sekali dipasang di blog. Dengan forum ini pengunjung bisa bertanya, apabila belum mengerti tentang yang dibaca atau pengunjung bisa menjawab pertanyaan pengunjung yang lain. Intinya forum ini bisa digunakan untuk saling berbagi pengetahuan atau pengalaman.

Anda bisa lihat contoh forum seperti ini dblog ini, silahkan masuk menu “layanan umum” yang ada disebelah kanan paling atas, pilih “forum tanya jawab” dan anda bisa mencoba memasukkan pertanyaan di forum tersebut.

Forum ini tidak akan menampilkan sebuah pertanyaan apabila belum di jawab. Jadi jangan khawatir apabila anda menemukan pertanyaan dari pengunjung yang sifatnya ngawur atau iseng, anda tinggal menghapusnya.

Jika anda berminat silahkan anda daftarkan diri di http://www.formspring.me

Andapun bisa signup degan menggunakan acount Facebook anda, dan anda tinggal membuat forum serta edit forum sesuai selera anda.

Pada menu widgets, silahkan copy kodenya, kemudian paste kode tersebut di blog anda.

Nah.... jadi sudah forumnya..... silahkan dicoba dan di utak – atik sendiri ya....

Silahkan mencoba,

Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Cara buat daftar isi otomatis

| 04.24

Noercholis

No comments

Daftar judul postingan cukup penting agar pengunjung betah berlama-lama di blog kita. Karena semakin banyak postingan kita maka akan semakin banyak juga pilihan bagi pengunjung untuk membaca artikel yang telah kita buat. Dan dengan daftar ini pengunjung akan lebih mudah memilih judul artikel atau postingan yang akan dibaca.

Daftar judul ini tampil berdasarkan kategori atau label posting, dan lebih menarik lagi menggunakan tab accordion, sehingga dapat menghemat tempat serta memiliki pemberitahuan artikel mana saja yang baru sehingga pengunjung dapat menilik artikel-artikel terbaru kita.

Berikut adalah cara mudahnya untuk ditempel di sidebar :

Login ke blogspot anda
klik “Tata Letak” atau “Layout”
Klik Tambah Gadget di sebelah kiri atau kanan Layout
Pilih HTML/Java Script
Kemudian letakkan kode berikut ke dalam gadget HTML/Java Script :

.data-list{

margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}

.list-ganjil{
background-color:#F6F6F6;
}

.headactive{
	color: #fef4e9;
	border: 2px solid white !important;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
</style><br />

6. Simpan dan selesai

Keterangan :

Tulisan "GANTI DENGAN URL BLOG ANDA", ganti dengan alamat blog anda

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada dibawa ini.

Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

POST POPULER

TESTIMONI

Tutorial Blogger

JAVASCRIPT

TUTORIAL CSS

TUTORIAL HTML