TIPS'N'TRIK's blog

Cara Membuat Marquee atau Teks Berjalan

Marquee atau teks berjalan merupakan variasi yang membuat postingan atau blog tampil beda. Bagaimana cara membuat marquee? Simak tutorialnya berikut ini.
Ada beberapa jenis marquee.
1. Teks berjalan dari kiri ke kanan.

kiri ke kanan
Kodenya:
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
Masukkan teks yang akan di-marquee di sini
</MARQUEE>

2. Teks berjalan maju mundur.

maju mundur
Kodenya:
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
Masukkan teks yang akan di-marquee di sini
</MARQUEE>

3. Teks berjalan dari bawah ke atas.

Bawah ke atas
Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Masukkan teks yang akan di-marquee di sini
</marquee>

4. Marquee dengan link.

Wawanwae


Blog Humor

Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://wawanwae.blogspot.com" target="new">Wawanwae</a><br/>

<a href="http://bengkelhumor.blogspot.com" target="new">Blog Humor</a><br/>

</marquee>

Cara Membuat Banner Animasi Format GIF Sederhana

Cara Membuat Banner Animasi Format GIF Sederhana - Pernah lihat banner berisi gambar yang bisa berkedip-kedip? Biasanya banner seperti itu berformat GIF. Salah satu software yang sering digunakan untuk membuatnya adalah Adobe Image Ready.

Contoh:


Tapi, bagi yang belum paham soal Adobe Image Ready (seperti saya :)), nggak usah khawatir. Sekarang sudah banyak layanan pembuatan banner GIF online. Favorit saya adalah GICKR. Itu karena praktis. Tak perlu mendaftar, langsung bisa bikin banner.

Caranya:
1. Siapkan gambar atau foto yang akan dibuat banner.

2. Buka gickr.com

3. Klik 'Browse', lalu pilih gambar yang akan diupload. Sesuaikan size dan kecepatan gerak gambar sesuai selera. Jika sudah, klik 'Continue'.

4. Tunggu proses upload.

Cara memasang di blog gimana?

1. Arahkan kursor pada banner, klik kanan, lalu simpan.

2. Upload di tinypic.com atau pengupload lainnya.

3. Kopi kode HTML-nya dan pastekan di blog.

4. Jika ingin di-link-kan ke blog lain, kodenya seperti ini:

<a href="URL blog/"><img src="URL banner yang sudah diupload" /></a>

Contoh: URL blognya http://nokiacellphonenews.blogspot.com dan URL banner http://i50.tinypic.com/6iuxoy.gif

maka kodenya menjadi:
<a href="http://nokiacellphonenews.blogspot.com/"><img src="http://i50.tinypic.com/6iuxoy.gif" /></a>

Selamat mencoba.