Membuat Teks Berjalan di Menu Bar

Selain membuat teks berjalan di blog, anda 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 seperti yang ditunjukkan pada gambar dibawah ini.


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

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

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

msg = " -- Selamat datang di Simple Preview ";
msg = " | pernak-pernik blog -- " + 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 yang dicetak tebal 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. Untuk lebih jelasnya bisa anda lihat hasilnya disini.
liat disini ya...

Cara Membuat Menu Dropdown Pada Blogger

Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.

Contoh tampilannya seperti ini:

Dropdown MenuTeks1/Link1Teks2/Link2 Teks3/Link3

Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke Blogger. Klik menu Design-> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukkan kode dibawah ini kedalam kotak

Blogroll Nama Link Nama Link Nama Link

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">

<option value="http://alamatblog.com/#" selected>Blogroll</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option>
</select>

Jika anda ingin menambah link baru lagi tambahkan kode

<option value="http://alamatLink.com/">Nama Link</option> diatas </select>

Ganti alamatblog dengan dengan alamat blog anda.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.


4. Jika sudah klik Save. Selesai


Catatan:
kode diatas untuk membuka link dalam halaman yang sama. Jika anda ingin membuka link pada halaman baru. Ganti kode

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">

Menjadi

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">

Selamat mencoba.. liat disini ya...

Cara Membuat Teks Dan Link Berkedip

Apakah anda pernah melihat teks berkedip seperti ini?

WELCOME TO MY BLOG

Dan apakah anda tertarik untuk memasangnya di blog Anda? Kalau iya, silahkan ikuti tutorial dibawah ini.

Untuk membuat teks dan link berkedip caranya sangat mudah, cukup tambahkan tag <blink> dan </blink> diantara teks atau link yang ingin Anda buat berkedip. Selesai.. Sebagai contoh, saya menuliskan kode

<blink>membuat teks dan link berkedip</blink>

Maka hasilnya menjadi seperti ini

membuat teks dan link berkedip

Dan

<blink><a href="http://ayakchibow.blogspot.com" target="_blank">Blog @yak</a></blink>

Maka hasilnya:

Blog @yak

Catatan:
Ganti tulisan berwarna biru dengan alamat link anda dan tulisan yang dicetak tebal dengan teks yang ingin anda tampilkan

Agar lebih unik dan menarik, anda juga bisa memberikan sedikit atribut pada teksnya contohnya seperti tulisan Welcome to my blog diatas. Property yang saya gunakan pada tulisan Welcome to my blog adalah

<blink style="font-weight: bold; font-family: forte; font-size: 18px; ">Teks atau link anda</blink>

Silahkan ganti jenis font pada font-family, ukuran font pada font-size dan warna font sesuai dengan selera anda. Untuk font-family anda bisa menggunakan semua jenis font yang tersimpan pada komputer anda. Masukkan nama font dengan lengkap maka font tersebut akan muncul.

Selamat mencoba.. 
liat disini ya...

Membuat Link Terbuka Pada Halaman Baru

Pada umumnya, jika kita membuat sebuah link pada blog. Link tersebut akan terbuka pada halaman yang sama. Nah ini tentu akan merugikan kita sebagai pemilik blog karena jika pengunjung mengklik link tersebut maka ia akan meninggalkan blog kita dan menuju ke alamat yang kita rujuk.

Anda tentu tidak maukan pengunjung meninggalkan blog anda? Nah untuk mengatasi masalah tersebut anda bisa membuat link terbuka pada halaman baru. Jadi jika pengunjung mengklik link yang kita tunjukkan. Ia tidak akan meninggalkan blog kita dan disamping itu alamat yang kita tunjuk juga bisa terbuka.

Untuk membuat link seperti itu caranya sangat mudah. Anda cukup menambahkan target="_blank" pada link yang ingin kita tautkan.

Sebagai contoh saya ingin menautkan sebuah link dengan teks bloh @yak ke alamat http://ayakchibow.blogspot.com/

maka kodenya adalah seperti ini

<a href="http://ayakchibow.blogspot.com">blog @yak</a>

Nah agar linknya terbuka pada halaman baru, tambahkan kode target="_blank" pada link seperti contoh dibawah ini

<a href="http://ayakchibow.blogspot.com" target="_blank">blog @yak</a>

Maka hasilnya menjadi seperti ini:

blog @yak

Silahkan klik link diatas untuk melihat hasilnya. Selamat mencoba. liat disini ya...