Blog'a javascript menu ekleme

Blogunuza http://default-css.blogspot.com'daki gibi javascript switch menu eklemek istiyorsanız ilk önce blogunuza giriş yapın.Şablon menusune girdikten sonra 'HTML yi düzenle kısmını açın' aşağıdaki şekildeki gibi </head> tagını bulun ve hemen üzerine şu iki satırı ilave edin.

<link href='http://www.pckeyfi.com/defaultcss.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://www.pckeyfi.com/defaultcss.js'/>
Şimdi de Sayfanıza yeni bir Html/javascript ögesini ekleyin.Bu ögenin içine aşağıdaki kodu yapıştırın.

<div id="masterdiv">

<div class="menutitle" onclick="SwitchMenu('sub1')">Menu İsmi1</div>
<span class="submenu" id="sub1">
- <a href="url">What's New</a><br>
- <a href="url">What's hot</a><br>
- <a href="url">Revised Scripts</a><br>
- <a href="url">More Zone</a>
</span>

<div class="menutitle" onclick="SwitchMenu('sub2')">Menu İsmi2</div>
<span class="submenu" id="sub2">
- <a href="url">Usage Terms</a><br>
- <a href="url">DHTML FAQs</a><br>
- <a href="url">Scripts FAQs</a>
</span>

<div class="menutitle" onclick="SwitchMenu('sub3')">Menu İsmi3</div>
<span class="submenu" id="sub3">
- <a href="url">Coding Forums</a><br>
</span>

<div class="menutitle" onclick="SwitchMenu('sub4')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>


</div>
ögeyi kaydedip keyfinize bakın....
Eğer daha fazla menu eklemek istiyorsanız
<div class="menutitle" onclick="SwitchMenu('sub4')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
yukardaki kodu alt alta yapıştırın.Fakat buradaki 'sub4' artırarak yapmanız gerekir.Örn:

<div class="menutitle" onclick="SwitchMenu('sub5')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub6')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
gibi

2 yorum:

Popüler Yayınlar