Animasi javascript pada status bar

Bar bagian paling bawah dari blog, atau sering juga disebut sebagai status bar, ternyata bisa juga diberi sentuhan effect animasi yang cukup menarik untuk diterapkan. Animasi dalam bentuk javascript ini memberi kesempatan kepada blogger untuk menampilkan teks dalam jumlah yang cukup banyak dan panjang. Karena kemampuan yang sangat fleksibel, kita dapat menyuguhkan berbagai kata, baik berupa kata sambutan maupun teks lain sepuas-puasnya. Aplikasi javascript inipun sangat mudah dilakukan.

Cara menggunakan javascript animasi status bar:

1. Amankan template dengan cara :

Login ke Blogger --> KLIK Tata Letak --> KLIK Edit HTML -->

KLIK Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML, kemudian lanjutkan dengan :

a. Cari kode </body> (di bagian terbawah Edit HTML)

b. Copy paste javascript di atas, letakkan persis di atas KODE </body>

c. KLIK Simpan Template, kemudian lihat hasilnya di blog.

<script type="text/javascript">
//*bloggerstars1/gubhugreyot.blogspot.com*//
message = "* boggerstars1 * bloggerstuars.blogspot.com *.... Kami mengucapkan selamat datang dan Selamat menikmati apa yang kami sajikan di dalam blog ini !!!^" +
"Banyak sekali kekurangan dan ketidak sempurnaan dalam pengelolaan ataupun penyajian posting kami^" +
"Oleh karena itu, kritik, saran dan komentar yang bersifat membangun sangat kami butuhkan demi terwujudnya posting yang lebih baik di masa ke depan.^" +
"Kami yakin, dengan dukungan yang tulus dari pembaca, akan semakin memicu semangat yang lebih tinggi untuk terus berkarya,^" +
"sehingga akan terwujudkan posting yang semakin berkwalitas dan bisa memberikan kontribusi yang nyata bagi kemajuan dunia blog khususnya.^" +
"Atas kepedulian dan perhatiannya, sekali lagi kami mengucapkan terima kasih. Selamat menikmati apa yang menjadi sajian kami melalui blog ini !!!!^" +
"^"
scrollSpeed = 100
lineDelay = 1000
txt = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

Catatan :

1. Kode berwarna merah silahkan diganti dengan teks yang sesuai dengan blog anda.

2. KODE berwarna hijau dapat dilakukan perubahan nilai guna merubah kecepatan animasi dan waktu sela/delay setiap pergantian teks.

3. Jumlah teks dapat ditambah dengan cara menambahkan teks diantara KODE :" dan ^" +

atau "TEKS baru/TEKS tambahan^" + yang diletakkan di atas tanda "^".