Membuat teks berjalan

Standard

langsung aja ya,
udah jelaskan maksud dan tujuannya,
(soalnya aku males buat basa basinya :D)

* syntax dasar :

<marquee>teks disini</marquee>

* untuk mengatur arah gerakan, gunakan tag tambahan berikut :

<marquee direction=”down”>teks disini</marquee>

untuk arah yang lain gunakan up, left dan right

* untuk mengatur kecepatan, tambahkan tag berikut :

<marquee direction=”down” scrollamount=”10″>teks disini</marquee>

anda bisa mengubah ubah nilai dari scrollamount, sesuaikanlah dengan kebutuhan anda. Untuk lengkapnya anda dapat menambahkan tag seperti berikut juga :

<marquee direction=”down” scrollamount=”10″ scrolldelay=”10″>teks disini</marquee>

bermain mainlah dengan scrollamount dan scrolldelay untuk mendapatkan kecepatan yang sesuai menurut anda.

* untuk dapat mengatur agar teks berhenti saat di sorot oleh mouse, dan berjalan lagi ketika tidak disorot oleh mouse, tambahkan tag berikut ini :

<marquee direction=”down” scrollamount=”10″ scrolldelay=”10″ onmouseover=”stop()” onmouseout=”start()”>teks disini</marquee>

onmouseover digunakan untuk mengatur tindakan saat disorot oleh mouse, value stop() berarti melakukan fungsi stop. Sedangkan onmouseout digunakan untuk mengatur tindakan saat tidak disorot oleh mouse, value start() berarti melakukan fungsi start / mulai.

jika ingin membuat gambar bergerak, gantilah teks disin dengan menggunakan tag <img>

contoh :

<marquee>
<img src=”http://photos-p.friendster.com/photos/71/50/33460517/1_552375745m.jpg“>
</marquee>

teks yang berwarna biru adalah lokasi image anda berada dimana.

semoga bermanfaat.

Daftar warna, font, dan size

Standard

1. warna
untuk daftar warna, yang paling gampang menggunakan b. inggris aja, misalkan “blue” untuk warna biru, “red” untuk warna merah dan lain sebagainya.
kalo mo warna yang lebig beragam, bisa make program semacam image editor, kayak Photoshop.
misalkan “#000000” untuk warna hitam, “#FFFFFF” untuk warna putih dan lain sebagainya.

maaf gak bisa kasi conto lengkapnya,
kapan2 kalo sempet tak buatin daftar lengkpanya.. 🙂

2. font
tidak semua font dapat digunakan untuk memperindah tampilan blog maupun website. karena tidak semua komputer memiliki font tersebut. nah beberapa font yang cukup familiar dapat anda gunakan, seperti :

Times New Roman
Courier New
Verdana
Arial
Geneva
Helvetica
sans-serif
monospace
Georgia
Trebucet

3. size

1pt
2pt
3pt
4pt
5pt
dan seterusnya

atau dapat menggunakan tag :

<h5>h5</h5>

hasil :

h5

semakin kecil angka h (misal:h2) maka akan besar ukuran font

Dasar – dasar HTML

Standard

sedikit contoh mengenai dasar dasar HTML yang bisa kamu aplikasikan di blog maupun friendster.

1. memanggil gambar

<img src=”http://photos-p.friendster.com/photos/71/50/33460517/1_552375745m.jpg” border=”0″ width=”200″ height=”184″>

keterangan :
– teks yang dicetak tebal adalah lokasi dari image yang akan ditampilkan
– border=”0″ adalah ukuran dari border, border=”0″ berarti tanpa border
– width=”200″ adalah panjang dari gambar sebesar 200px (pixel)
– height=”183″ adalah tinggi dari gambar sebesar 183px (pixel)

hasil :

2. membuat link

<a href=”http://babibubabi.blogspot.com/“>ba.bi.bu</a>

keterangan :
– teks yang dicetak tebal adalah link yang dituju
– teks yang dicetak miring adalah tulisan yang ingin ditampilkan

hasil :

ba.bi.bu

bisa juga bntuk teksnya di ganti gambar, jadi yang di klik bukan sebuah teks, melainkan gambar

<a href=”http://babibubabi.blogspot.com/“>
<img src=”http://photos-p.friendster.com/photos/71/50/33460517/1_552375745m.jpg” border=”0” width=”200” height=”184alt="klik disini">
</a>

ganti saja teks yang berwarna merah dengan link tujuan,
teks berwarna orange dengan lokasi image,
dan anda tentu bisa mengganti parameter – parameter yang dicetak tebal seperti border, width ataupun height.
dan satu lagi, anda dapat menambah parameter alt yang akan menampilkan sebuah teks ketika gambar disorot oleh mouse

hasil :

klik disini

3. tebal, miring, garis bawah

<b>tebal</b> hasil tebal
<i>miring</i> hasil miring
<u>garis bawah</u> hasil garis bawah
<b><i><u>tebal-miring-garis bawah</b></i></u> hasil tebal-miring-garis bawah

4. warna, size dan font

<font face=”arial” color=”blue” size=”3″>arial-blue-3</font>

keterangan :
– face=”arial” jenis font menggunakan font arial
– color=”blue” font berwarna biru
– size=”3″ berukuran 3pt

hasil :

arial-blue-3

detail untuk warna, size dan font bisa dilihat disini

Membuat link

Standard

link digunakan untuk menuju ke lokasi yang suda kita tentukan. kira kira definisinya seperti itu (menurut gw..)

langsung saja,

contoh :
kita akan membuat link ke “google.com” dengan tulisan “klik disini”,
maka kodenya :

<a href="www.google.com"> klik disini</a>

gampang kan??

ada sedikit tambahan,
jika ketika kita meng-klik linknya dan ingin membukanya di jendela baru, tambahkan script berikut :

target="_blank"

jadi script lengkapnya :

<a href="www.google.com" target="_blank"> klik disini</a>

semoga bermanfaat,

Menampilkan Yahoo Messenger status

Standard

Kali ini aku pengen bagi – bagi ilmu tentang gimana caranya memasang Yahoo Messenger status di blog mu. Gak cuman blog si, di webpage kamu sendiri, friendster, terserah deh mo di pasang dimana. Jadi dengan ini memungkinkan para pengunjung tahu kamu lagi online apa gak. Dan juga ketika pengunjung meng klik image nya, maka secara otomatis browser akan membuka jendela chat Yahoo Messenger.

langsung aja ni scriptnya :

<a href=”ymsgr:sendIM?yahoo-id-kamu“>
<img src=”http://opi.yahoo.com/online?u=yahoo-id-kamu&m=g&t=0” border=”0″ />
</a>

jangan lupa ganti yahoo-id-kamu dengan yahoo id kamu sendiri,

dan juga, kamu bisa gonta ganti nilai dari variabel t, menjadi t=0, t=1, t=2 dst sampe t=16
dari angka 0 sampe 16, liat perubahannya,
wkakaka..

untuk sementara bisa diliat contoh – contoh gambarnya di http://spondbob.web44.net/

*penasarankan..