Bu yazımızda size farklı ve kullanışlı bir menüye sahip olmanızı gösterecem.Bu menüye benzer ve biraz farklı olan 3 Boyutlu Açılır Navigasyonlu Menü'yü inceleyebilirsiniz.
* Öncelikle kumanda panelinden Şablon > HTML Düzenle tıklıyoruz.
* CTRL+F tuşları altta ki kodu bulun.
<head>
<link href='https://googledrive.com/host/0BxxMpDce-fNUSS1wdGF6NnpDeG8' rel='stylesheet'/>
+ Sıra HTML menü kodlarını eklememiz gerekiyor.
HTML KODLARI
<ul class='menu'>
<li class='no_drop'><a href='#'>Ana Sayfa</a></li>
<li class='no_drop'><a href='#'>Hakkımda</a></li>
<li class='no_drop'><a href='#'>İletişim</a></li>
<li class='no_drop'><a href='#'>Arşiv</a></li>
<li class='no_drop'><a href='#'>Takip Et</a></li>
<li class='no_drop'><a href='#'>Destek Ol</a></li>
<li><a class='drop' href='#'>Kategoriler</a>
<div class='dropdown_1column'>
<div class='col_1'>
<ul>
<li><a href='#'>Blog Araçları</a></li>
<li><a href='#'>Blog Hocam</a></li>
<li><a href='#'>Blog Makaleleri</a></li>
<li><a href='#'>Blog Temelleri</a></li>
<li><a href='#'>Blog İpuçları</a></li>
<li><a href='#'>Blogger Eklentileri</a></li>
<li><a href='#'>Blogger İpuçları</a></li>
<li><a href='#'>Blogger Şablonları</a></li>
<li><a href='#'>Miasfir Yazılar</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Sosyal Medya</a></li>
</ul>
</div></div></li>
<li><a class='drop' href='#'>Araçlar</a>
<div class='dropdown_2columns'>
<div class='col_1'>
<h3>Google Araçları</h3>
<ul>
<li><a href='#'>Google Reader</a></li>
<li><a href='#'>Google Analytics</a></li>
<li><a href='#'>Google Webmasters</a></li>
</ul>
</div>
<div class='col_1'>
<h3>Çeşitli</h3>
<ul>
<li><a href='#'>Bilgi Cafem 61</a></li>
<li><a href='#'>Misafir Blogculuk</a></li>
<li><a href='#'>İkili Kazanç </a></li>
</ul>
</div>
<div class='col_1'>
<h3>Sosyal Medya</h3>
<ul>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Google+</a></li>
</ul>
</div>
<div class='col_1'>
<h3>Linkler</h3>
<ul>
<li><a href='#'>Hacking</a></li>
<li><a href='#'>Sosyal Cafe</a></li>
<li><a href='#'>Hileler</a></li>
</ul>
</div></div></li></ul>
1. Bloggerin kendi temalarından her hangi birini kullanıyorsanız HTML kodlarını alttaki kodun hemen üstüne ekleyin.
<div class='tabs-outer'>
<div id='content-wrapper'>
Yukarıda ki menü HTML kodları içerisinde düzenleyecek olduğunuz kısımları belirtmiyorum çünkü bunu bildiğinizi varsayıyorum.Eğer her hangi bir sıkıntıda altta yorum bırakarak yardım isteyebilirsiniz.
Bizi Takip Edin...
Pinterest>>Facebook>>Twitter
© by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...
Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Hiç yorum yok:
Yorum Gönder