Menu

Blogger Css3 Siyah Beyaz Menü Eklentisi

Blogger Hareketli Beyaz Navigation Menü eklentisi oldukça kullanışlı ve güzel bir görünüme sahiptir.Bu menü blogger için kullana bileceğiniz en iyi menüdür.Blogger Html veya css kodlarından, Css kodları ile oynayarak site tasarımınıza uygun şekli ve renklerini de kendinize göre,zevkinize göre ayarlamak da mümkündür.

Blogger için Css kodları ile oluşturulmuş bu css menünün nasıl göründüğünü test etmek istiyorsanız resmin altındaki Demo butonuna tıklayarak görebilirsiniz.

Blogger Css3 Siyah Beyaz Menü Eklentisi

---internetten Para Kazanma Stratejileri

---Google Kazançları Affiliate Satış Ortaklığı

Blogger Navigation Menüler ile site ziyaretçileriniz site kategorilerinize rahat bir şekilde ulaşabilirler,SEO açısından oldukça önemli olan site ziyeretçilerinin sitede kalma oranı bu gibi eklentilerle oldukça etkili olmaktadır.

Blogger Css3 Siyah Beyaz Menü Eklentisi
                                                                     Demo

Ayrıca daha önce yayınladığımız aşağıdaki eklentilerde işinize yarayabilir,deneyebilirsiniz.

---Blogger Mavi Tasarım Navigation Menü Kodları

---Blogger CSS3 Siyah Açılır Menu Yapma

---Blogger Yeşil Navigation Menü Tasarımı

Bu çok şık css3 olarak hazırlanmıs menü  kodunu kullana bilmeniz için html editörünü açıp
 ]]></b:skin> kodunu arattırıp hemen üstüne aşağıdaki kodu yapıştırınız.


/* Blogger Css3 Siyah Beyaz Menü Eklentisi  www.seomektebi.com */
#container1 {
width: 960px;
margin: 0 auto;}
.menu33{height:40px;border-right:1px solid rgba(255,255,255,0.3);float:left;}a{text-decoration:none;color:#FFFFFF;text-transform:uppercase;font-size:15px;font-weight:bold;}ul{margin:0;padding:10px 10px ;}
a:link {color:#ffffff;}
a:hover {color:#ffffff;text-decoration: none;}
a:visited {color: #FFFDFD;text-decoration: none;}
ul.menu33 li{list-style:none;float:left;height:40px;text-align:center;background:-webkit-gradient(radial,50% 100%,10,50% 50%,90,from(rgba(31,169,244,1)),to(rgba(0,28,78,1)));background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);}
ul li a{display:block;padding:0 20px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.1);text-align:center;line-height:40px;background:-webkit-gradient(linear,left top,left bottom,from(rgb(168,168,168)),to(rgb(69,69,69)));background:-moz-linear-gradient(top,rgb(168,168,168),rgb(69,69,69));-webkit-transition-property:background;-webkit-transition-duration:700ms;-moz-transition-property:background;-moz-transition-duration:700ms;}
ul li a:hover{background:transparent none;}
ul[rel=sam1] li a{background:#606060;}
ul[rel=sam1] li a:hover{background:transparent none;}
ul li.active a{background:-webkit-gradient(radial,50% 100%,10,50% 50%,90,from(rgba(31,169,244,1)),to(rgba(0,28,78,1)));background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);}


İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.


En güzel Blogger Sosyal Medya Eklentisi

En güzel Blogger Sosyal Medya Eklentisi

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız,Blogger Hareketli Beyaz Navigation Menü eklentisini site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<div id="container1">
<ul class="menu33" rel="sam1">
<li class="active"><a href="http://tolgagonul.net/">Home</a></li>
<li><a href="http://tolgagonul.net/">About</a></li>
<li><a href="http://tolgagonul.net/">Blog</a></li>
<li><a href="http://tolgagonul.net/">Services</a></li>
<li><a href="http://tolgagonul.net/">Support</a></li>
<li><a href="http://tolgagonul.net/">Sales</a></li>
<li><a href="http://tolgagonul.net/">Contacts</a></li>
</ul>
</div>
Düzenleme:
Yayınladığımız bu eklentiler içinde ki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek ekleyebilirsiniz.

SEO Mektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.

Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Css3 Siyah Beyaz Menü Eklentisi "

Önerilen Yazı
×