membuat teks berjalan di blog
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 Template -> Edit HTML
3. Letakkan kode dibawah ini diatas kode </head>
Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:
1. Login ke blogger
2. Pada menu Template -> 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>
//<![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
cara membuat menu horizontal di blog
Bila sahabat
blogger sudah mempunyai blog tentunya untuk memudahkan pengunjung berselancar
di blog sobat ada baiknya di buat menu pada blog sobat, baik itu menu dropdown,
horizontal, menu tab, dan menu lainnya.
tidak perlu
panjang lebar lagi saya akan membahas cara membuat menu Horisontal menu pada
blog , langsung saja ....kali ini saya mencoba memaparkan tentang proses
pembuatn menu horizontal secara sederhana tanpa mengedit Html lagi, langkahnya
sebagai berikut :
- Login ke dashboard blog sobat
- Klik menu Design/Rancangan (Klik menu Tata Letak = untuk blogger tampilan baru menunya ada di sebelah kiri)
- Klik Add Gadget / Tambah Gadget.
- Pilih/klik opsi HTML/Javascript
- Kemudian masukkan kode menu horizontal seperti di bawah ini :
<style>
/*---------------------------------------------------------------------------------*/
/*
CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu
{ background:none; height:35px;}
/*
category navigation */
.nav
{ background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0;
padding:0px; list-style:none; height:35px;}
.nav
a { position:relative; color:#555; display:block; z-index:100;
text-decoration:none; }
.nav
li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav
li a { font:bold 11px/15px Arial,serif; padding:10px 12px;
text-decoration:none; text-transform:uppercase; }
.nav
li a:hover{ background:#333; color:#fff;
text-decoration:underline;}</style>
<div
id='cat-menu'>
<ul
class='sf-menu nav' id='cat-nav'>
<li><a
href='/'>Home</a></li>
<li><a
href='#'> Menu 1</a></li>
<li><a
href='#'> Menu 2</a></li>
<li><a
href='#'> Menu 3</a></li>
<li><a
href='#'> Menu 4</a></li>
<li><a
href='#'> Menu 5</a></li>
</ul>
</div>
- Klik Save / Simpan
- Selesai
Catatan : ganti
tanda pagar ( # ) pada kode <a
href='#'> dengan link yang teman
inginkan, bisa link label, postingan, atau link yang mengarah kesitus lain.
Silakan ganti tulisan Menu 1 - Menu 5 dengan nama menu yang sobat inginkan.
Silakan ganti tulisan Menu 1 - Menu 5 dengan nama menu yang sobat inginkan.
Mudah bukan? Selamat mencoba !!
apabila agan menginginkan file dalam bentuk dokument silahkan dowunload disini
Langganan:
Postingan (Atom)