Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Wednesday, February 06, 2008

Membuat Tulisan Berjalan

Ingin blog anda kelihatan semarak, dengan tulisan berjalan. Membuat tulisan berjalan, atau "running text" sangat mudah. Tulisan berjalan menggunakan dungsi dasar html yaitu marquee. Text berjalan biasanya berisi moto blog atau website, ucapan selamat datang, atau ajakan. Bisa juga berita terbaru. Seperti di televisi.

Tappi kali ini saya akan menunjukkan cara membuat tulisan berjalan atau "running text' yang manual saja. jadi kalau mau mengganti tulisan anda harus masuk ke halaman administrator di blogger dan mengupdate templatenya.

Fungsi dasar text berjalan adalah text html marquee, bagaimana cara membuatnya? Buatlah elemen div di bawah header (nama elemennya biasanya header-wrapper, atau terserah di mana yang penting cukup lebar. buatlah script berikut:

<marquee>
---inilah contoh cara membuat tulisan berjalan atau running text----
</marquee>


untuk memberi warna, tambahkan elemen marquee di style, atau b:skin, beri properties misalnya: color, font-size, background-color, dll.

Selesai. Selamat mencoba.
Posted by at 6 comments:
Labels:

Thursday, July 05, 2007

Tutorial HTML 1

Untuk bisa membuat template Blogger (classic) atau yang lain, pertama harus punya pemahaman tentang dasar-dasar HTML (hypertext Markup Language). HTML merupakan kumpulan tag-tag yang nantinya akan menyusun halaman dan variasinya.

HTML versi terakhir adalah XHTML, menggantikan versi sebelumnya HTML 4.01. W3C (world wide web consortium) merekomendasikan untuk menggunakan XHTML.

Dasar HTML.
Semua halaman HTML akan mempunyai susunan dasar:

<html>
<head>
</head>
<body>
</body>
<html>

Yang harus diperhatikan dalam menulioskan tag XHTML:
Selalu menggunakan huruf kecil:

<BODY> ini salah
<body> ini benar

harus ada tag penutup

<p> 'ini adalah paragraf salah
'dalam html ini boleh, tapi dalam XHTML tidak boleh
'ini yang benar:
<p> ini paragraf yang benar</p>

Susunan harus tepat (nested)

<b><i>Tulisan miring</b></i> ini salah
<b><i>Tulisan miring</i></b> ini benar


untuk memberikan nilai harus ada tanda petik:

<table width=100px> ini salah
<table width="100px"> ini benar


untuk elemen yang tidak ada penutupnya diakhiri dengan garis miring /

<br/> seperti spasi enter
<img /> menampilkan gambar
<hr /> garis
<meta ../> elemen meta


Contoh susunan Template untuk 3 kolom 3 baris

<table width="750px" cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
'script diatas untuk baris pertama
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
baris kedua

<td></td>
<td></td>
<td></td>
</tr>
baris ketiga


Tempatkan script di atas diantara tag <body>...</body>

tag-tag HTML:

<table> table
<tr> baris
<td> kolom
<i> tulisan miring
<strong> tulisan tebal
<texarea> textarea
<img> menampilkan gambar
<a> menamilkan link

Contoh penggunaan
Membuat link ke url:

<a href="url">nama link</a>
<img src="url" width="300px" />
<ul>
<li>ini list 1</li>
<li>ini list 2</li>
<li>ini list 3</li>
</ul>

[bersambung]
Posted by at 7 comments:
Labels: ,
Subscribe to: Comments (Atom)