Menu

Yeni Blogger Navigation Menu Widget

Blogger için hazırlanmış bu özel görünümlü oldukça şık navigation menü site tasarımınıza kaliteli bir görüntü sağlayacaktır.Bu Blogger menüsünde fazlaca kod kullanılmamaya özen gösterilmiştir CSS kodları kullanılarak oluşturulmuştur,bütün arama mororlarında düzgün çalışmaktadır.

Blogger için Css kodları ile oluşturulmuş bu CSS Navigation Menu Widget'nün nasıl göründüğünü test etmek istiyorsanız ve kodların çalışıp çalışmadığını kod deneme penceresinden öğrenebilirsiniz.Kod Deneme Penceresi

Yeni Blogger Navigation Menu Widget


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 İçin Yüzer Sosyal Medya Widget

---Blogger Sosyal Medya Butonları Ve Abonelik Formu

Yeni Blogger Navigation Menu Widget
Yeni Blogger Navigation Menu Widget sitenize yüklemek için,ilk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

Yeni Blogger Navigation Menu Widget

---XTicaret İnternetin Bütün Para Kazanma Yöntemleri

---Bütün Nedenleri İle Bloggerda SEO Hataları

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

<style type="text/css">
#menu2 ul {
list-style:none;
font-family: "Trebuchet MS", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
border:1px solid #000;
border-left:none;
float:left;
clear:both;
margin:20px;
border:5px dashed #fff;
}
#menu2 ul li{
float:left;
}
#menu2 ul li a{
display:block;
text-decoration:none;
background-color:#f0f0f0;
padding:5px 10px;
color:#666;
width:140px;
}
#menu2 ul li a span{
display:block;
text-align:center;
 }
#menu2 ul li a span.title{
}
#menu2 ul li a:hover span.title{
color:#000;
}
#menu2 ul li a span.text{
font-size:12px;
font-style:italic;
padding:0px 5px;
border:1px solid #f0f0f0;
}
#menu2 ul li a:hover span.text{
 }
#menu2 ul li a:hover span.text{
border:1px inset #ccc;
background-color:#fff;
}
 </style>
  <div id="menu2">
<ul>
<li><a href="">
<span class="title">About</span>
<span class="text">Who we are</span>
</a>
</li>
<li><a href="">
<span class="title">Portfolio</span>
<span class="text">What we do</span>
</a>
</li>
<li><a href="">
<span class="title">Blog</span>
<span class="text">What we talk about</span>
</a>
</li>
<li><a href="">
<span class="title">Contact</span>
<span class="text">How to get in touch</span>
</a>
</li>
</ul>
</div>



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

---Tüm Blogger Blog Sitesi Ayarlarının Tamamı

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ış " Yeni Blogger Navigation Menu Widget "

Önerilen Yazı
×