back to top
back to bottom

Sabtu, 28 April 2012

0 Cara Membuat Tulisan Berjalan Di Menu Tab di Blog


Selamat pagi semua? kali ini saya akan sedikit membahas tentang bagaimana cara membuat text berjalan (marquee),Selain membuat teks berjalan di blog, kita juga bisa membuat teks berjalan di menu bar. Belum tahu apa itu menu bar? Nah itu loh teks yang berada dipojok paling atas layar dan di nav bar browser seperti yang ditunjukkan pada gambar dibawah ini.

Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:
1.  Pertama kali yang harus kita lakukan adalah login ke blogger
2.  Pada menu Design -> Edit HTML
3.  Letakkan kode dibawah ini diatas kode </head>
<script type='text/javascript'>

<script language="JavaScript">
Xample 1: Klou yang pengen suka teks berkedib berjalan.....nich copasnya?
var pesan_berkedip = "Selamat Datang di Websiteku. Selamat Membaca. Just Enjoy yourself !!!";
var pesan_tetap = "||www.cybernetcomunity.blogspot.com||";
var bmulai = 1;
function animasi_teks_berkedip_status_bar_model2(){
    if (bmulai == 1) {
        window.status = pesan_tetap + pesan_berkedip;  
        setTimeout('animasi_teks_berkedip_status_bar_model2()', 1000);
        bmulai = 0;
    }else{    
        window.status = pesan_tetap;  
        setTimeout('animasi_teks_berkedip_status_bar_model2()', 500);
        bmulai = 1;
    }  
}
</script>
Xample 2: Klou yang pengen suka teks tidak berkedib berjalan.....nich copasnya?
<script type='text/javascript'>
//<![CDATA[
msg = "Selamat Datang di Websiteku. Selamat Membaca. Just Enjoy yourself";
msg = "www.cybernetcomunity.blogspot.com" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
Ganti teks yang dicetak tebal dengan teks yang ingin anda tampilkan. Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.
4.  Jika sudah, klik Save Template. Selesai
Jika berhasil anda akan melihat teksnya berjalan di menu bar anda. Untuk lebih jelasnya bisa anda lihat hasilnya.disini Demikian tadi tutorial singkat membuat teks berjalan di menu bar, selamat mencoba.

Semoga bermanfaat

0 komentar:

Posting Komentar