Bumerang - Yazarkafe

Navigasyonlu Dikey Menü 25Adet

Daha önce bloggerlar için birbirinden güzel yatay menüleri blog okulunda yayınlamıştık.Şimdi ise; 25 adet navigasyonlu dikey menü kodlarını sizlerle paylaşıp, temanıza uygun olanı blogunuza ekleme fırsatını sizlere sunuyoruz.Navigasyonlu Dikey Menüleri kenar çubuğunuza ekleyip blogunuza orjinal site havası verebilirsiniz.
Navigasyonlu Dikey Menüyü Bloguma Nasıl Eklerim?
Aşşağıda yayınladığımız 25 adet navigasyonlu dikey menülerden eklemek istediğinizin altında iki adet kod göreceksiniz.
1-CSS
2-Html
Kumanda Paneli> Tasarım> Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz.Kodlar içierisinde  Ctrl+F yardımı ile ]]></b:skin> kodunu buluyoruz, seçtiğiniz navigasyonlu dikey menüye ait CSS kodunu bulduğunuz  ]]></b:skin> kodundan önceki satıra yapıştırıp şablonumuzu kaydediyoruz.CSS kodunu ekledikten sonra Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip seçtiğimiz navigasyonlu menüye ait html kodunu açılan gadgetimizin içine yapıştırıp kaydediyoruz.
Linklerimizi HTML kısmındaki kodlara ekliyeceğiz;
<li><a href="#1" >Link 1</a></li> 
<li><a href="#2" >Link 2</a></li> 
<li><a href="#3" >Link 3</a></li> 
<li><a href="#4" >Link 4</a></li> 
<li><a href="#5" >Link5</a></li>
yukarıdaki HTML kodu içerisinde mavi renkle yazdığımız yere, yazıya ait linklerimizi koyuyoruz.
Örnek:#1 yerine http://blogokulu.blogspot.com/ gibi.
kırmızı renkle yazdığımız yere menüde görünmesini istediğiniz ismi yazıyorsunuz.
Örnek:Link 1 yerine Blog Okulu gibi.
Not:Menü genişliklerini CSS kodları içerisinde bulunan width:200px değerini değiştirerek ayarlayabilirsiniz.

Navigasyonlu Dikey Menü #1

Navigation Menu 1 
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #2

Navigation Menu 2
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #3

Navigation Menu 3
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #4

Navigation Menu 4
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #5

Navigation Menu 5
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #6

Navigation Menu 6
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #7

Navigation Menu 7
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #8

Navigation Menu 8
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #9

Navigation Menu 9
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #10

Navigation Menu 10
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #11

Navigation Menu 11
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #12

Navigation-Menu-With-No-image-used
CSS Kodu:


HTML Kodu:

Navigasyonlu Dikey Menü #13

CSS Menu Tabs 13
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #14

CSS Menu Tabs 14
CSS Kodu:


HTML Kodu:

Navigasyonlu Dikey Menü #15

CSS Menu Tabs 15
CSS Kodu:

HTML Kodu:


Navigasyonlu Dikey Menü #16

CSS Menu Tabs 16
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #17

CSS Menu Tabs 17
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #18


CSS Menu Tabs 18
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #19

CSS Menu Tabs 19
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #20

CSS Menu Tabs 20
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #21

CSS Menu Tabs 21
CSS Kodu:

HTML Kodu:


Navigasyonlu Dikey Menü #22

CSS Menu Tabs 22
CSS Kodu:

HTML Kodu:





Navigasyonlu Dikey Menü #23

CSS Menu Tabs 24
CSS Kodu:

HTML Kodu:

Navigasyonlu Dikey Menü #24

 CSS Menu Tabs 25
CSS Kodu:

HTML Kodu:


Navigasyonlu Dikey Menü #25

CSS Menu Tabs 26
CSS Kodu:

HTML Kodu:
PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

3 yorum:

  1. hocam meraktan soruyorum çatlak site 55 le ilgili bir bağlantınız var mı aynı yönetici mi ?

    YanıtlaSil
  2. ilk defa duyuyorum bu siteyi,bir alakam yok.

    YanıtlaSil
  3. Oguzhan_hazan_19957 Nisan 2012 19:16

    benim sorumada cevap verirmisin lütfen?

    YanıtlaSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...