Menu

Blogger Truncu Renkli Navigation Menü Eklentisi

Blogger Turuncu Renkli Navigation Menü Kodlarının uygulaması çok basit ve kolaydır.

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 Mavi Menü'nün nasıl göründüğünü test etmek istiyorsanız resmin altındaki Demo butonuna tıklayarak görebilirsiniz.Ayrıca kodların çalışıp çalışmadığını kod deneme penceresinden öğrenebilirsiniz.Kod Deneme Penceresi

Blogger Truncu Renkli Navigation 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 Truncu Renkli Navigation Menü Eklentisi

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

---;Blogger Sosyal Medya Butonları Ve Abonelik Formu

---Blogger Sosyal Medya Butonları 3

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

Blogger Truncu Renkli Navigation Menü Eklentisi

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

<style>
#tab_menu {
 background:url(http://3.bp.blogspot.com/-OycpSljNY-E/UbidzWvOk4I/AAAAAAAACYs/lGxPWmjfzlA/s1600/menu_bg.png) no-repeat;
 height:50px;
 width:960px;
 line-height:50px;
 list-style:none;
 margin-top:10px;
 font-size:14px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight:bold;
 overflow:hidden;
}
#tab_menu li {
 float:left;
 border-right:1px solid #FFA722;
 border-left:1px solid #CC5200;
}
#tab_menu li:first-child {
 border-left:none;
}
#tab_menu li:last-child {
 border-right:none;
}
#tab_menu li a{
 text-decoration:none;
 float:left;
 display:block;
 height:50px;
 padding:0 20px;
 color:#FFF;
}
#tab_menu li a.current, #tab_menu li a:hover, #tab_menu li a.tool:hover {
 color:#622900;
 text-shadow:1px 1px 0px #E8964B;
}
#tab_menu li a.tool{
 color:#000;
 text-shadow:1px 1px 0px #E8964B;
}
</style>
<ul id='tab_menu'>
<li ><a href='#'>Home</a></li>
<li ><a href='#'>PRODUCT</a></li>
<li ><a href='#'>FAQS</a></li>
<li ><a href='#'>CONTACT US</a></li>
<li ><a href='#'>ABOUT US</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 Truncu Renkli Navigation Menü Eklentisi "

Önerilen Yazı
×