Menu

Blogger Hareketli Turuncu Yeşil Menü

Blogger CSS Kodları ile oluşturulan aşağıdaki Navigation Menü sade ve şık bir şekilde tasarlanmıştır.Blogger Navigation Menü eklenti oldukça kullanışlıdır sitenizin renklerine uygun olarak istediğiniz renklerde ve ölçülerde 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 Hareketli Turuncu Yeşil Menü

---internetten Para Kazanma Stratejileri

---Google Kazançları Affiliate Satış Ortaklığı
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 için Css kodları ile oluşturulmuş bu css drop Menü'nün nasıl göründüğünü test etmek istiyorsanız resmin altındaki Demo butonuna tıklayarak görebilirsiniz.

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.   

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ı


Blogger Hareketli Turuncu Yeşil Menü


                                                                       Demo

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

Blogger Yeşil Menü Tasarımı

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

<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://lh5.googleusercontent.com/-_LYPQeZ_Tfg/UwZGKYp-34I/AAAAAAAAJHM/F2Wzb_Cn2-0/w298-h52-no/men%25C3%25BC+eklentisi.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style>
 <a href="http://www.seomektebi.com/" style="position: absolute;z-index:-11;"><img src="http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png" /></a>
 <div class="wg-shining-menu">
<ul class="menu">
 <li><a href="url">Ana Sayfa</a></li>
<li><a href="url">SEO</a></li>
<li><a href="url">Twitter</a></li>
<li><a href="url">Facebook</a></li>
<li><a href="url">Arşiv</a></li>
<li><a href="url ">İletişim</a></li>
</ul>
</div>


Düzenleme:
Yayınladığımız bu eklentiler içinde ki CSS 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 Hareketli Turuncu Yeşil Menü "

Önerilen Yazı
×