Menu

Blogger Mavi ve Gri Menü Eklentisi

Blogger için Css kodları ile oluşturulmuş bu Blogger Mavi ve Gri Menü Eklentisi 'nin nasıl göründüğünü test etmek istiyorsanız resmin altındaki Demo butonuna tıklayarak görebilirsiniz.

Html veya css kodlar her internet tarayıcı ile uyuşmaktadır.İstediğiniz gibi düzenleyerek kendimize uygun bir menü elde edebilirsiniz.Bu menüyü bloğunuza ekleyerek etikete bağlı olarak da kullanabilirsiniz.

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 Mavi ve Gri Menü Eklentisi


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

---Adwords Üzerinden İnternetten Para Kazanmak

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 Mavi ve Gri Menü Eklentisi

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

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

Blogger Mavi ve Gri Menü Eklentisi

Blogger Mavi ve Gri Menü Eklentisi

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

<style>
.bt-menu{
border:5px solid #cd1000;
padding:0;
clear:both;
}
.bt-menu{
margin:0px;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #333333;
border-width: 1px 0;
background: black url(http://4.bp.blogspot.com/-8JseZrmnajA/USNz2nWJMxI/AAAAAAAABPc/IdG_dPUX1L8/s1600/Bg.png)
 center center repeat-x;
}
.bt-menu li{
display: inline;
}
.bt-menu li a{
float: left;
color: #333333;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid black;
}
.bt-menu li a:visited{
color: #333333;
}
.bt-menu li a:hover, .bt-menu li a.selected{
color: #333333;
background: #00A0E3;
}
</style>
 <ul  class="bt-menu">
<li><a href="#">Home</a></li>
<li><a href="#" >About Us </a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Tools</a></li>
</ul>


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 Mavi ve Gri Menü Eklentisi "

Önerilen Yazı
×