Running Teks Di Menu Bar Blog

Membuat Teks Berjalan di Menu Bar Blog Mu

Selain membuat teks berjalan di blogger. Kita juga bisa membuat teks berjalan di menu bar. Belum tahu apa itu menu bar? Nah itu loh teks yang berada dipojok paling atas layar dan di nav bar browser.

Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:

1. Login ke blogger
2. Pada menu Layout -> Edit HTML
3. Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'>
//<![CDATA[

msg = " Welcome To Nodezzz.co.cc ";
msg = " | Share My Inspiration n' Imagination " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Ganti teks berwarna merah dengan teks yang ingin anda tampilkan.
Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.

4. Jika sudah, klik Save Template. Selesai

Jika berhasil anda akan melihat teksnya berjalan di menu bar anda.

Cara Membuat Menu Bar di Blog

Cara Membuat Horisontal Menu Bar Pada Template Blogspot
How to create Horizontal Menu Bar on Blogspot's Template
Hal pertama yang harus dilakukan sebelum memasang horisontal menu bar pada template blogspot adalah melihat apakah template yang dipakai itu sudah memiliki kolom Tambah gadget dibawah kolom Header. Jika belum berarti harus dilakukan sedikit modifikasi pada HTML template untuk bisa menampilkan kolom Tambah gadget dibawah header. Jika sudah ada kolom Tambah gadget tersendiri di bawah header, silahkan langsung ke no.2.

Cara membuat Horisontal menu bar pada Template Blogspot adalah sebagai berikut:
1. Modifikasi HTML template agar mempunyai kolom Tambah Gadget dibawah header.

Untuk mengetahui cara membuat kolom Tambah Gadget dibawah header template bisa klik disini.

2. Buatlah posting baru untuk halaman yang ingin di link ke horisontal menu bar. Menunya misalnya Home, About, Contact. Link yang nanti akan digunakan di horisontal menu bar adalah URL setiap posting itu. Cara ini (no. 2 dan 3) aku dapat dari Real Life.

Catatan:
Untuk menu Home, link yang gunakan adalah URL alamat blog.
Untuk About, link yang digunakan URL Aboutbox atau halaman lain jika dibuat halaman tersendiri.
Untuk Contact, link yang digunakan misalnya mailto:abcd@gmail.com
Bila link-nya akan menuju ke halaman tersendiri, untuk mendapatkan linknya bisa klik kanan pada judul dan klik "copy link location".
Bila link-nya menuju pada halaman yang mempunyai label yang sama, untuk dapatkan link-nya bisa klik kanan pada label yang ada dibawah posting dan klik "copy link location".

3. Login ke Blogspot--> Tata letak-->Elemen Halaman
Klik link Tambah Gadget dibawah header, lalu pilih HTML/JavaScript gadget.
Masukan kode berikut ke dalam kolom HTML/JavaSricpt:

alamatblog.blogspot.com>HOME | alamataboutpageURL>ABOUT | mailto:abcd@gmail.com>CONTACT | alamattipsURL>TIPS

Klik tombol simpan. Sekarang blog sudah memiliki horisontal menu bar dibawah header.

Catatan:
* Ganti kata yang berwarna hijau dengan nama menu yang dinginkan.
* Ganti kata yang berwarna merah dengan alamat URL sesungguhnya.

*****
Selamat mencoba.
di Posting dari http://happydesug.blogspot.com