pertama kmu harus punya 3 halaman seperti dibawah ini:
http://nama.blogspot.com/depan.html, http://nama.blogspot.com/tentang.html danhttp://nama.blogspot.com/portofolio.html.guna halaman url diatas adalah supaya kita bisa me link kan menu yang akan kita Buat!!!!
setelah siap langkah diatas kmu buka rancangan blog kamu dan tambah gadget setelah itu pilih html/java script
copikan script dibawah ini:
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://nama.blogspot.com/depan.html">Depan</a></li>
<li><a href="http://nama.blogspot.com/tentang.html">Tentang</a></li>
<li><a href="http://nama.blogspot.com/portofolio.html">Portofolio</a></li>
</ul>
</div>sesudah di kopi lihat menu html, copikan script dibawah sebelum kode ]]></b:skin>#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}klik simpan template nah anda tinggal lihat perubahannya di blog anda, keren kan!!!!!!!
Membuat menu DROP DOWN DI BLOG
pa sih dropdown menu itu?
Dropdown menu yang seperti ini itu lho :
Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :
Login ke blogger, trus masuk ke menu "Page Element" trus pilihAdd page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"
Dropdown menu yang seperti ini itu lho :
Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :
Login ke blogger, trus masuk ke menu "Page Element" trus pilihAdd page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.
Contohnya seperti ini :
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://trik-tips.blogspot.com/2008/01/membuat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html"> Cara Membuat Search Engine</option>
</select>
maka hasilnya akan seperti ini :
Tidak ada komentar:
Posting Komentar