Cari Artikel

Showing posts with label Text Animasi. Show all posts
Showing posts with label Text Animasi. Show all posts

Friday, 1 May 2009

MEMBUAT TEXT BERJALAN DI TITLE BAR

Titel bar di blog secara default berisi judul halaman blog yang kita buka. Kita dapat mengganti tulisan tersebut dengan tulisan berjalan.

Kodenya seperti dibawah ini :

<script language='javascript'>
message = "TERIMA KASIH ATAS KUNJUNGAN ANDA ^"

scrollSpeed = 100
lineDelay = 0

txt2 = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt2 = txt2 + message.charAt(pos)
document.title = txt2
prt = scrollSpeed
}
else {
prt = lineDelay
txt2 = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",prt)
}

scrollText(0)
</script>

Copy kode dan ganti text sesuai dengan keinginan, dan letakkan di blog melalui Layout-->Add a Gadget-->HTML/JavaScript Paste Kode dan Save.

Sekarang kita lihat blog kita. Kita lihat di title bar Browser kita akan terlihat tulisan berjalan. Trims atas perhatiannya.

Selanjutnya......

Friday, 24 April 2009

MEMBUAT TEXT BERGERAK

Text bergerak atau berjalan sering kali dipakai di blog untuk membuat halaman blog lebih menarik. Kode program HTML nya simpel seperi dibawah ini.

<marquee direction="up" width="100%" scrollamount="4" height="130px" align="center">

<b>Welcome ..... Selamat Datang</b>

</marquee>

Kode HTML ini akan membuat tuliasan bergerak dari bawah ke atas. Ganti up dengan down untuk bergerak turun, left untuk ke kiri dan right untuk gerakan kekanan. scrollamount untuk mengatur kecepatan, width dan height untuk mengatur lebar dan tinggi area text.

Hasilnya seperti dibawah ini.

Welcome ..... Selamat Datang

Selanjutnya......