Menu

Blogger Mavi Navigation Menu Widget


Blogger için profesyonel Mavi Navigasyon Menü Widget oldukça şık ve arama motorlarının dostudur sorunsuz biçimde bütün arama motorlarında çalışmaktadır.

Bilindiği üzer mavi renk internette profesyonellik sembolüdür.Yahoo,Microsoft ve diğerleri büyük profesyonel web sitelerinin tüm mavi navigasyon menüler görülmektedir.

Blogger Mavi Navigation Menu Widget


---Blogger Popüler Yayınlar Eklentisi 1

---Bütün Yönleri ile Bloktan Nasıl Para Kazanılır

 Eğer blok tasarımı konusunda ciddiyseniz aşağıdaki menüyü mutlaka kullanmalısınız.Bu menü blogger site menülerine oldukça şık ve harika bir görünüm katacaktır.

Blogger Mavi Navigation Menu Widget
Blogger Mavi Navigation Menu Widget eklemek için önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

Blogger Mavi Navigation Menu Widget


---Blogger Etiketlerine Yeşil Renk Ekleme

---Blogger Sosyal Medya 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 Navigation Menu Widget site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.

<style type="text/css">
#menu ul {
list-style:none;
font-family: "Lucida Sans Unicode", sans-serif;
font-size: 40px;
letter-spacing: -3px;
line-height: 1.2em;
float:left;
clear:both;
margin:20px;
}
#menu ul li{
float:left;
}
#menu ul li a{
display:block;
text-decoration:none;
padding:5px 10px 5px 10px;
background-color:#00adef;
width:170px;
text-align:center;
}
#menu ul li a span{
display:block;
}
#menu ul li a span.title{
color:#fff;
border-bottom:2px solid #fff;
padding-bottom:5px;
}
#menu ul li a:hover{
 }
#menu ul li a:hover span.title{
color:#074a64;
border-bottom:2px solid #0b6f95;
}
#menu ul li a span.text{
padding:0px 5px;
font-size: 14px;
font-weight: bold;
letter-spacing: normal;
line-height: 1.4em;
color:#fff;
background-color:#074a64;
visibility:hidden;
}
#menu ul li a:hover span.text{
line-height: 3.4em;
visibility:visible;
}
 </style>
 <h2>SEO Mektebi Menü</h2>
<div id="menu">
<ul>
<li><a href="">
<span class="title">Ana Sayfa</span>
<span class="text">Who we are</span>
</a>
</li>
<li><a href="">
<span class="title">Blogger</span>
<span class="text">What we do</span>
</a>
</li>
<li><a href="">
<span class="title">SEO</span>
<span class="text">What we talk about</span>
</a>
</li>
<li><a href="">
<span class="title">İnternet</span>
<span class="text">How to get in touch</span>
</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.



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 Navigation Menu Widget "

Önerilen Yazı
×