Referensi : Alien and Humanity
Beberapa hari yang lalu mengirimkan email kepada saya yang isinya menanyakan tentang cara membuat text berjalan yang ada pada bar menu bawah seperti halnya pada blog milik saya ini. Pertanyaan tersebut sudah saya jawab langsung melalui email juga dan sekarangpun pada saat artikel ini di buat, sobat Ochim sudah berhasil membuat bar menu blognya ada tulisan berjalan.
Seperti biasanya, jika ada pertanyaan melalui email maka jawaban dari pertanyaan tersebut akan saya posting melalui blog ini. Nah jika sobat sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca artikel ini sampai tuntas.
Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis
seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.
Untuk template klasik silahkan ikuti langkah-langkah berikut ini :
Seperti biasanya, jika ada pertanyaan melalui email maka jawaban dari pertanyaan tersebut akan saya posting melalui blog ini. Nah jika sobat sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca artikel ini sampai tuntas.
Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis
seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.
Untuk template klasik silahkan ikuti langkah-langkah berikut ini :
- Sign in di blogger dengan id sobat
- Klik menu Template
- klik menu Edit HTML
- Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula
- Copy kode berikut ini lalu paste di atas kode
</head>
- Klik tombol Save Template Changes
- Selesai.
<script language='javascript'> message = "Tulis text pertama yang ingin muncul disini ^" + "Tulis text kedua disini ^" + "Tulis text ketiga disini ^" + "Tulis text keempat disini ^" scrollSpeed = 130 lineDelay = 0 // Do not change the text below // txt = "" function scrollText(pos) { if (message.charAt(pos) != '^') { txt = txt + message.charAt(pos) status = txt pauze = scrollSpeed } else { pauze = lineDelay
txt = "" if (pos == message.length-1) pos = -1 } pos++ setTimeout("scrollText('"+pos+"')",pauze) } scrollText(0) </script>
Untuk template baru silahkan ikuti langkah-langkah berikut ini :
- Sign in di blogger dengan id sobat
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Full Template, lalu save data tersebut.
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template - Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
- Tunggu beberapa saat sampai proses selesai
- Simpan kode berikut di bawah kode
</body>
,
kode ini letaknya berada paling bawah sebelum kode</html>
- Klik tombol SAVE TEMPLATE
- Selesai
<script language='javascript'> message = "Tulis text pertama yang ingin muncul disini ^" + "Tulis text kedua disini ^" + "Tulis text ketiga disini ^" + "Tulis text keempat disini ^" scrollSpeed = 130 lineDelay = 0 // Do not change the text below // txt = "" function scrollText(pos) { if (message.charAt(pos) != '^') { txt = txt + message.charAt(pos) status = txt pauze = scrollSpeed } else { pauze = lineDelay txt = "" if (pos == message.length-1) pos = -1 } pos++ setTimeout("scrollText('"+pos+"')",pauze) } scrollText(0) </script>
sedikit clue, pada kode diatas ada tulisan yang saya buat merah, nah tulisan tersebut
harus sobat ganti dengan tulisan yang sobat inginkan. contoh : selamat datang di blog saya. atau apa saja yang menurut sobat layak untuk di tulis di situ. contoh yang saya berikan diatas memuat pesan atau text sebanyak empat tulisan, jika sobat ingin lebih banyak itu bisa dilakukan dengan menambah baris tulisan seperti kode sebelumnya.Untuk kode --> scrollSpeed = 130 . angka "130" merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin cepat text berjalan, dan semakin
besar nilainya maka text akan semakin lambat. Silahkan sesuaikan dengan keinginan sobat.
Related Link Software:
Trik Blogger
- Kotak Komentar Facebook di blog
- Menambahkan Musik Latar pada Blog
- Memasang Musik di Blogger
- Rahasia Daftar Adsense ?
- Adbrite saingan Adsense?
- Trick marquee
- Lomba Newgoogle.com
- nowGoogle.com Adalah Multiple Search Engine Popular
- Trik Iklan Melayang
- Alternatif Adsense
- Menempatkan Iklan di bawah Judul Posting
- Menempatkan Iklan di bawah Posting
- Membuat recent post menarik
- Hack Template agar bisa SEO Friendly
- Proteksi artikel dari penjiplakan
- Cara Membuat Gambar Melayang di Blog
- Membuat Cursor Text
- Membuat Cursor Animasi
- Membuat Tombol Next Page Versi.2
- Chat Box Show Hide By. Alien
- Tips Blog Bersahabat Dengan SEO Google
- Tips trick Pengertian NoFollow dan DoFollow
- Setting Domain di co.cc
- New! Tips of the day : Tips harian tampil berdasarkan tanggal
0 comments:
Post a Comment