Cara membuat title bergerak di html

Untuk posting kali ini saya akan membahas cara membuat tulisannya title bar pada Blog berjalan, sebenarnya caranya gambang banget...

Kalau udah Login ke Blogger....

1. Masuk ke Edit HTML

2. Cari Kode seperti ini :

<title><data:blog.pageTitle/></title>

Jika sudah ketemu, Ganti dengan :

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

kemudian Save dan lihat hasilnya... :)

angka 100 adalah kecepatan dari tulisan title bar tersebut, semakin kecil angkanya maka semakin bertambah kecepatanya, begitupun sebaliknya, tinggal disesuaikan saja menurut selera anda.

Okey sobat pada kesempatan kali ini saya akan memberi tips biar judul blog kalian bisa berjalan, seperti yang kalian lihat di blog ini. Emang sech, trik ini udah basi banget n sudah banyak banget yang posting tentang ini, tapi g ada salahnya lah saya posting juga, siapa tau bermanfaat.......amien

ok langsung saja ikuti petunjuk  dibawah ini!

1. masuk ke Blogger
2. Pilih menu Tata Letak
3. Pilih sub menu Edit HTML
4. Lalu cari kode ini <title><data:blog.pageTitle/></title> 
5. Kalo dah ketemu, ganti kode tadi dengan kode di bawah ini
 

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


6. eiiiitt jangan lupa simpan.!!!
 Selamat mencoba......Good Luck.......

Selamat malam bro, bro-bro semua ingin membuat title <title>Sinau Coding</title> berjalan pada tampilan diatas?
Pengen tahu caranya, akan mimin post tutorialnya, sebelumnya silahkan bro-bro sekalian baca

Baca juga : Struktur utama pemrogaman web

Setelah memahami, bro-bro semua akan tahu kegunaan dari title <title></title>, kembali ke pembahsan cara yang mudah untuk membuat title berjalan adalah dengan menggunakan coding javascript

Baca juga : Apa itu Javascript

Yang bro-bro harus siapkan adalah
1.    Siapkan notepad++
2.    Membuat halaman untuk menyisipkan coding javascriptnya (title.html)
Dalam struktur pemrogaman html
Seperti dibawah ini

<html>
<head><title>Sinau Coding</title></head>
<body></body>
</html>

Dalam kasus ini agar tidak berbenturan maka, struktur dari <title></title> dihilangkan untuk memasukan coding javascriptnya

<html>
<head> (tempat coding javascript title berjalan)</head>
<body></body>
</html>


Untuk coding javascriptnya sebagai berikut

<script language='JavaScript'>
var tulisan=".::::. Sinau Coding | Tempat belajar pemrogaman web html,css dan php ";
var kecepatan=100;var fress=null;function jalan() { document.title=tulisan;
tulisan=tulisan.substring(1,tulisan.length)+tulisan.charAt(0);
fress=setTimeout("jalan()",kecepatan);}jalan();
</script>

Sisipkan coding tersebut pada coding diantara <head> dan </head> atau silahkan kalian ganti (tempat coding javascript title berjalan) dengan coding javascript tersebut.
Kurang jelas?
Oke ikuti step by stepnya
1.    Buka notepadd++
2.    Membuat halaman untuk menyisipkan coding javascriptnya (title.html)
Kemudian ketik coding berikut

<html>
<head> <script language='JavaScript'>
var tulisan=".::::. Sinau Coding | Tempat belajar pemrogaman web html,css dan php ";
var kecepatan=100;var fress=null;function jalan() { document.title=tulisan;
tulisan=tulisan.substring(1,tulisan.length)+tulisan.charAt(0);
fress=setTimeout("jalan()",kecepatan);}jalan();
</script>
</head>
<body></body>
</html>

3.    Simpan dengan nama title.html
4.    Jalankan progamnya

Selesai, silahkan bro-bro semua kreasikan sendiri coding javascriptnya. Sekian tutorial “Cara membuat title berjalan pada web” semoga bermanfaat.

Postingan terbaru

LIHAT SEMUA