Membuat Judul blog bergerak

Membuat Judul blog bergerak adalah salah satu cara untuk membuat blog sobat menjadi terlihat lebih menarik. Nah, selain itu judul blog bergerak ini pun memiliki fungsi lain sob, mungkin sobat memiliki sebuah blog yang judul blognya panjang, judul blog bergerak ini merupakan salah satu alternatif agar judul blog sobat yang panjang terbaca. Oiya, judul blog yang dimaksud ini adalah nama blog sobat. Untuk melihat contohnya, judul blog saya adalah Blognya Reggy.
membuat judul blog bergerak
Hanya dengan mengubah sedikit kode html template sobat, judul blog bergerak pun jadi. Pada postingan sebelumnya juga kita pernah membahas tentang Cara membuat judul adress bar tampil beda. Sama dengan postingan sebelumnya, kita menggunakan script yang dapat membuat judul blog bergerak. Untuk gerakannya, judul blog bergerak ini satu jenis dengan marquee. Yaitu bergerak dari kanan ke kiri. Okedeh sobat, tanpa basa-basi lagi silahkan sobat lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.
  1. Masuk ke blogger.com dan login menggunakan akun blog sobat
  2. Masuk pada halaman Template
  3. Klik Edit HTML lalu Lanjutkan
  4. Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan ctrl+f
  5. Jika kode tersebut sudah ditemukan, ganti kode tersebut 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>
    - tulisan berwarna merah adalah kode dari kecepatan gerakan judul blog. Jadi bisa sobat ganti sesuai dengan keinginan sobat.
    - tulisan berwarna biru adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan
  6. Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
  7. Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template
Bagaimana ? sederhana kan sobat untuk membuat judul blog bergerak? Okedeh sob, reggy pamit dulu sampai disini. Sampai jumpa ;)

106 comments:

  1. Replies
    1. gak perlu contoh kok, sering sihnya kita lihat diblog orang lain, itu lho, yg di Tab, tulisannya bergerak...

      Delete
    2. oh, saya kira gerak gimana. thanks infonya.

      Delete
    3. gan, cara bikin judul postingnya bergerak juga di address bar gimana ya?

      Delete
    4. setahu ane gabisa gan, bisanya cuma judul posting di homepage :$

      Delete
    5. waktu masuk blog gerak nya cepat amet??

      Delete
    6. Dah Dari Pada Pusing 2 Mending Kesini

      http://nezfa.blogspot.com/

      Tuh Pilih Aja template,Javascriot,HTML,Trick,Anime

      Lenkap Dah

      Izin Share Ya Sob (Y)

      Delete
    7. gan yg tulisan bewarna biru itu . gimana cara gantinya

      Delete
    8. terima kasih banyak atas artikelnya. lam kenal
      giribig.com
      idcheat.com

      Delete
  2. saya sudah pernah mempraktekkannya.,, tapi alhasil malah memperlambat speed loading blog

    ReplyDelete
  3. penting untuk di pelajari ..!!

    http://dyan-seller.blogspot.com

    ReplyDelete
  4. Matur nuwun gan atas penjelasannya, smg bs terjalin persaudaraan slmx ya, wl dlm batas dunia maya, kpn2 mampir ya di blogq, trims

    ReplyDelete
  5. Makash tipsnya bermanfaat banget (y)

    ReplyDelete
  6. langsung praktik gan dan berhasil ..
    thanks..

    ReplyDelete
  7. Nice info gan, visit back ya :)

    ReplyDelete
  8. terima kasih kawan, infonya sangat bermanfaaf
    semoga blognya makin maju

    ReplyDelete
  9. thank you gan.
    ane ijin belajar gan. :D

    ReplyDelete
  10. berhasil bos tks
    peluang usaha pembayaran online pln, pdam , pulsa ,tiket,dll
    1 deposit bisa semua pembayaran
    www.ppob-nasional.com

    ReplyDelete
  11. terimakasih. Ini sangat membantu :)

    ReplyDelete
  12. saya sering berkunjung di blog-blog, postingan ini sangat menarik serta enak dibaca tentang membuat judul blog bergerak.... saya berharap bisa berkunjung lagi

    ReplyDelete
  13. BISA minta bantuannya tidak ...semuanya udah ku setting seperti perintah ... tapi blog ku malah error..

    ReplyDelete
    Replies
    1. klo error biasanya penempatan kodenya salah gan, coba diteliti lagi

      Delete
  14. oh... kirain gimana gerakannya....
    kalau mau bikin judul postingan blog jadi bergerak miring/turun naik gitu gimana ya mas? bisa bantu gak?

    ReplyDelete
  15. terima kasih .. membantu sekali :D

    ReplyDelete
  16. makasih gan..... kunjungi juga blogq ea
    http://www.kamar-rofie.blogspot.com

    ReplyDelete
  17. makasih gan
    kunjungi ini ya
    http://lakoon-aditya.blogspot.com/

    ReplyDelete
  18. aduh pusing nerapkannya diblog...
    Helo Guys !!! visit my blog please... and don't forget follow my blog, thanks :) :)

    ReplyDelete
  19. ikut nyimak sama test postingan gan...

    ReplyDelete
  20. sip bos bisa di coba tu show,numpang iklan

    Software Spektakuler
    Penambah Saldo Rekening Bank Anda.

    Cukup Anda Install di Komputer Anda
    dan Jalankan TRIK RAHASIA nya, dalam waktu
    24 jam, Saldo Rekening Bank Anda Akan Bertambah

    Anda Penasaran dan Ingin Tahu Rahasianya??
    Buruan DOWNLOAD Softwarenya di :http://softwarepsr.com/banjiruang

    ReplyDelete
  21. terima kasih :)
    semoga berkah yaaa..
    catatanwildanmusthofa.blogspot.com

    ReplyDelete
  22. Jual DVD Game Komputer Harga Rp. 8000 Barang Baru Dan Bergaransi Klik Ke http://indokingdom.blogspot.com/p/jual-dvd-game-k.html

    ReplyDelete
  23. mantap dah .. titel aku jadi bergerak dah..

    ReplyDelete
  24. THANKS GAN........MANTAP DAH.....SAYA DAH COBA.........


    TAMPILAN BLOG SAYA SEKARANG TAMBAH MENARIK.......

    ReplyDelete
  25. sangat menarik artikelnya, sukses selalu..

    ReplyDelete
  26. o gitu ya caranya.makasih gan,kalau ada waktu mampir ya

    ReplyDelete
  27. walau blogku yang baru jadi gak ada artikelnya,yang penting dioprek dulu..nice gan...ijin copas kodenya ya? makasih..,infonya sangat membantu...moga sehat & sukses...amiiinnn

    ReplyDelete
  28. mantap gan 100%work kecepatan 200

    ReplyDelete
  29. Bisa Gan mantap boleh dilihat disini
    http://padamu-kemdikbud.blogspot.com

    ReplyDelete
  30. idak dapat memuat pratinjau template: Kesalahan saat mengurai XML, baris 18, kolom 5: Attribute name "var" associated with an element type "shusyirnawathye" must be followed by the ' = ' character.

    ada kata2 seperti ini, gemana thu

    ReplyDelete
    Replies
    1. yang tanda < dan > hapus dan ganti seperti contoh saya ganti dengan SELAMAT DATANG contoh nyatanya bisa cek dan liat sendiri di blog saya cari di google dengan kata kunci Anjasteknik.com paling atas tu gan

      Delete
  31. bro ko menympannya lama banget...?

    ReplyDelete
  32. thanks gan sangat membantu ... mampir juga ya gan sholihinblog.blogspot.com

    ReplyDelete
  33. G bisa di cari gan kode nya!!! gimana solusinya?

    ReplyDelete
  34. Thanks for information ..
    Advertise Like Thinking us

    ReplyDelete
  35. mas bagaimana caranya kalo pake dreamwever

    ReplyDelete
  36. ty bro.
    visit balik ya..
    bebasingayalo.blogspot.com
    msi newbie bro. :D

    ReplyDelete
  37. mana ni gan contohnya biar ane gk bingung gan

    ReplyDelete
  38. wah, judul blognya bisa gerak ya,,, bagus juga nih biar blog jadi agak keren dikit hhehe .

    ReplyDelete
  39. gan ane ijin yakk buat belajar maklum newbiee

    ReplyDelete
  40. belum bisa gan. padahal sudah sesuai perintah

    ReplyDelete
  41. Terima kasih gan. bermanfaat sekali. buat agan2 yang hobi otomotif silahkan mampir di http://bengkelkendaraan.blogspot.com

    ReplyDelete
  42. Kereeen sobat artikelnya, sangat membantu sekali buat saya
    Izin nyimak :)
    http://goo.gl/HSLmvT

    ReplyDelete
  43. Terimakasih atas informasinya sangat membantu :)
    http://bit.ly/1HWliVs

    ReplyDelete
  44. Kunjungi Blog Saya ^_^

    http://www.saranapokerinfo.com/2015/06/demi-club-favoritenya-jurnalis-ini-rela.html
    http://tiffanychai05.blogspot.com/2015/06/agen-poker-gelandang-ac-milan-ini.html

    ReplyDelete
  45. mantap http://clashof-bot.blogspot.com

    ReplyDelete
  46. Makasih Jng Lup Kunjungi blog saya muitasi-itu.blogsot.com :D =D

    ReplyDelete
  47. This comment has been removed by the author.

    ReplyDelete
  48. Alhamduliah berhasil ...!
    Mampir ya gan :)
    http://zona-kurohige.blogspot.com/

    ReplyDelete
  49. Moga berhasil... Slm knal semua... Mampir y,, http://sempitamat69.blogspot.com

    ReplyDelete
  50. This comment has been removed by the author.

    ReplyDelete
  51. yang ingin tau informasi teknologi terkini cek Disini

    ReplyDelete
  52. WADUH SLAH ALMAT SYA GAN SYA COBA EMANG GANTI TAPI YANG SYA MAKSUD JUDUL DIBLOG GAN http://aplikasisekolahsederhana.blogspot.co.id/2016/12/profil-aplikasi-sekolah.html

    ReplyDelete
  53. Sangat bermanfaat gan, Dan salam kenal
    terrkemuka.blogspot.com

    ReplyDelete

Berkomentarlah dengan baik dan sopan. Dilarang oot dari artikel diatas. Komentar yang menyertakan link aktif maupun statis termasuk promosi akan langsung kami hapus.