Pengikut

HTML : Moving Title on Title Bar

Bila menginginkan title atau judul yang terpajang di bagian title bar pada browser bergerak maka kita perlu bantuan javascript untuk mewujudkannya. Tak pula marquee. Sebab marquee hanya punya kuasa ketikan berada di dalam <body>.

Untuk memformat title agar bergerak, kita bisa melakukan editing di bagian Edit HTML.
Berikut petunjuknya disesuaikan dengan tipe skin pada blogspot.

A. Untuk tipe layout.
Masuk ke bagian Edit HTML, dan lakukan hal berikut :

1. Hapus : <title><data:blog.pageTitle/></title>
2. Gantikan 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>
3. Klik pratinjau untuk melihat hasilnya.
4. Simpan bisa sudah berfungsi dengan baik.

B. Untuk tipe Template :

1. Hilangkan : <title><$BlogPageTitle$></title>
2. Gantikan dengan :

<script language='JavaScript'>
var txt="<$BlogPageTitle$>";
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>
3. Klik Pratinjau untuk memastikan pengaruhnya.
4. Simpan.

Catatan tambahan :
Untuk memberikan spasi pada saat pemunculan title yang mengandung dua kata lalu memberikan renggang agar tak menempel, bisa edit bagian :

var txt="<data:blog.pageTitle/>";

menjadi :

var txt="<data:blog.pageTitle/>"+' ';
Diposkan oleh

21 komentar:

  1. yokka3:34 PM

    aq donk dah sukses buat title berjalannya makaseh ya Ru ^_^ tapi munculnya kyk kurang spasi ya, titlenya jd "Blog-nya Yokka Blog-nya YokkaBlog-nya Yokka" dst gitu, biar agak rapi dgn spasi diapain Ru? ...

    Sekalian biar jalan title nya agak lambat var kecepatan=100 tu dirubah piye?

    Jazakallah khoir B4 yo :)

    BalasHapus
  2. Mas Hery5:02 PM

    pro yokka : untuk mendambahkan spasi bisa dibaca di postingan, sudah ditambahkan caranya disana.
    untuk memperlambat, ubah nilai 100 ke nilai dibawahnya, semakin kecil akan semakin lambat percepatanya.

    BalasHapus
  3. Yodie Hardiyan9:42 PM

    mas

    kok gak bisa ya?

    malah keluar tulisan ky gini:
    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The content of elements must consist of well-formed character data or markup.

    BalasHapus
  4. Mas Hery3:34 PM

    elemen xml tidak benar? mungkin coba di cek kembali apakah ada penutup /title atau /head di bawahnya.

    BalasHapus
  5. SHALEH7:38 AM

    Makasih atas Ilmunya Mas

    BalasHapus
  6. Freddi S Hendrarto3:09 PM

    wak keren mas. trims

    BalasHapus
  7. Chy9:39 PM

    huorre...!!!akhirnya jadi juga...thanks mas keren abis...tapi sembat bingung coz mas suruh nulis pake head juga...padahal udah ada sebelumnya(kan gak disuruh hapus)..

    BalasHapus
  8. Mas Hery10:01 AM

    oh ya, chy benar, <head> mestinya dihapus, sekalian dengan ini postingan juga direvisi. makasih ya...:)

    BalasHapus
  9. Yessy Candra Dewi, ST2:01 PM

    Asiik.. blog aku jadi kerenan dikit... banyak2 bagi ilmu ya mas.. biar aku juga tambah pinter.. makasiy banyak... visit my blog juga yak.. :D

    BalasHapus
  10. Mas Hery10:26 PM

    ok, makasih kembali....mengedit itu memang menyenangkan ya....:)

    BalasHapus
  11. cupla12:41 PM

    assalamu'alaikum... kang Agus... matur nuwun ya... wah dah lama ga kunjungan ternyata dah banyak brubah... jadi tambah banyak ilmu yg bisa di dapat disini...

    sekali lagi makasih banyaaakk...

    Wassalamu'alaikum..

    cupla

    BalasHapus
  12. tonykoto at blogspot5:57 AM

    mas thanks bgt ilmunya...
    tapi mass...bisa gk nama browsernya jg berubah??

    BalasHapus
  13. Mas Hery2:01 PM

    ada info utk menggantinya, baik di IE maupun di FF, coba cek ke : http://www.trap17.com/forums/change-modify-title-bar-text-ie6-ff-t29168.html

    BalasHapus
  14. Anonim1:32 PM

    ass...
    walah mas,,jadilucu yow klo judul blog itu bergerak-gerak kya gitu...heee...heee..tapi keren jga tuch,,,tak coba yow,sukron

    BalasHapus
  15. admin.blackmarket10:48 AM

    kang agus ilmunya mantab, aku banyak nyontek loh, ga pa pa kan.

    makasih banyak ilmunya

    BalasHapus
  16. Mas Hery11:19 AM

    silakan dicontek, nyontek hal yang baik kan dapat pahala :D

    BalasHapus
  17. RFC Team™7:11 PM

    makasih mas buat info nya...!!!!!

    tHx bgt...!!!!

    aku ngedit nya itu sampe 5 jam ....
    ehh... tiba2 ketemu alamat ini....

    langsung aja aku praktekin....
    akhirnya jadi juga.....

    contohnya : http://www.satriawiguna.co.cc


    thx berat...!!!!

    BalasHapus
  18. Mas Hery9:19 PM

    5 jam baru kesini? itung2 5 jam itu pembekalan sebelum baca postingan ini 1 menit,kalo blom 5 jam kayaknya susah pahamin tulisan ini bos :)

    BalasHapus
  19. Blog Yos2:08 PM

    Hebat ..pak...trims

    BalasHapus
  20. Anonim5:04 AM

    Hey I didn't realize your blog was worth so much! Web Designer

    BalasHapus
  21. Data Hitam11:47 AM

    wuih manteb nih buat pembelajaran :D

    BalasHapus

Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.

Langganan: Posting Komentar (Atom)

Postingan Populer