Bumerang - Yazarkafe

Blogger Dikey Menü Navigasyonlu (25Adet)


Blogunuzda kenar çubuğuna ekliyebileceğiniz birbirinden şık görünüm olarak hoş ve üstelik navigasyonlu olan tam 25 adet navigasyonlu dikey menü içerisinden istediğinizi blogunuza uygulayabilmek için;
Beğendiğiniz dikey menüye ait CSS kodunu HTML kodları içerisinde ]]></b:skin> kodunu bulup menüye ait CSS kodunu ]]></b:skin>kodundan önceki kısma yapıştırın.
Daha Sonra CSS kodunu eklediğiniz dikey menüye ait HTML kodunu ise Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip ederek CSS kodunu eklediğimiz menüye ait HTML kodunu da açılan gadget içerisine yapıştırın ve kaydedip çıkın.Gadgeti menünün görünmesini istediğiniz yere sürükleyip bırakın.
HTML kodları içerisinde
<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>
#1-#2-#3-#4-#5: yerine yazılarımızın linkini koyuyoruz
Link1-Link2-Link3-Link4-Link5:yerinede menüde görünmesini istediğimiz isimleri yazıyoruz.
Örnek:
<li><a href="http://blogokulu.org" >Blog Okulu</a></li>


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ı

2 yorum:

  1. Teşekkür ederim...Hocam mail attım size...Rica etsem yanıtlar mısınız?

    YanıtlaSil
  2. kardeşim mailini bulamadım tekrar atarsan sevinirim,kusura bakma okadar çok mail geliyor ki.

    YanıtlaSil

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