Thursday, 24 June 2010

Membuat Text Berjalan / Animasi di bar bagian bawah

Membuat text berjalan di bar menu,untuk membuatnya coba ikuti langkah di bawah ini :

Cari kode </head>,Jika sudah ketemu letakkan kode di bawah ini,di atas kode tadi :


<script language='javascript'>
message = "TERIMA KASIH^" +
"SELAMAT DATANG ^" +
"DI BLOG KAMI ^" +

"UNTUK PELAJARAN BLOG ^" +
"DI pelajaran-blog.blogspot.com ^"

scrollSpeed = 120
lineDelay = 0
txt = "by Pujiantoro 2008-2009 "
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = "by Pujiantoro 2008-2009 "
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>


Simpan Template.Selesai.

**Kode ini untuk template lama blogger seperti template yang saya pakai sekarang ya :).

Saya menaruh kode diatas tepat di atas kode </head> pada halaman blog saya.

Hasilnya anda bisa melihatnya ketika anda membuka browser dengan IE (Internet Explorer).



Untuk template blogger yang baru,gunakan cara di bawah ini :

Pergi ke Dashboard----Tata Letak---Edit Html---centang Expand Widget Templates.

Cari kode :</html>
Letakkan kode di bawah ini di atas kode </html> tadi :


<script language='javascript'>
message = "SELAMAT DATANG ^" +
"DI BLOG KAMI ^" +
"UNTUK PELAJARAN BLOG ^" +

"DI pelajaran-blog.blogspot.com ^" +
"TERIMA KASIH ^"

scrollSpeed = 120
lineDelay = 0
txt = "by © Pujiantoro 2008-2009 "
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = "by © Pujiantoro 2008-2009 "
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>


Simpan Template.