XtGem Forum catalog
Home » Article » Javascript » Membuat Judul Blog Berjalan Di Titlebar

Membuat judul blog berjalan di titlebar

f_huda19   16 September 2014   12:21:59   0 Suka   Favorit

Postingan yg sudah sangat merakyat.. hehe.. Tapi gpp lah itung2 buat meramaikan search engine.


Dari judulnya sudah tidak asing lagi di telinga kita, tapi saya akan membuat sedikit berbeda dgn yg sudah ada di blog2 tetangga, yaitu lebih ringkas dan mudah di mengerti.

Adapun keuntungan kita memasang script ini adalah judul di titlebar dapat terbaca semua ketika judulnya terlalu panjang.

Langsung saja kita simak bersama-sama.

<script>
var judul= document.title.' | ';
setInterval(function() {
var judul= judul.substr(1, judul.length)+judul.charAt(0);
document.title= judul; }, 500);
</script>

Tukan, apa saya bilang! Lebih ringkas dan mudah di pelajari ketimbang scrip2 yg sudah bertebaran di mesin pencari kan? hehe...

Okeh sekarang saya akan menjelaskan sedikit demi sedikit.

  • Pertama kita ambil judul dari blog kita dengan document.title.' | '; disitu ada garis vertikal berfungsi untuk pemisah supaya tetap mudah di baca.
  • Kedua kita buat setInterval untuk fungsi looping waktu.
  • Disitu ada variabel judul yg berisi judul.substr(1, judul.length)+judul.charAt(0); yang berfungsi untuk menampung judul, lalu di ambil dari string ke 2 sampai akhir (fungsi substr(1, judul.length)), sedangkan fungsi judul.charAt(0); untuk mengambil string di awal dan menggabungkannya di akhir string.
  • Yang terakhir adalah angka "500" untuk mengatur kecepatannya, semakin kecil nilainya maka akan semakin cepat

Demikian tagi sedikit penjelasan dari saya, semoga tidak tambah pusing.. hehehe..