Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Blogger Dikey Menü 25 Adet


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:


Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon