Menu

Blogger Hareketli Menü

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.

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 Hareketli Menü

---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 Hareketli Menü




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



---Blogger Yeşil Navigation Menü Tasarımı

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

Blogger Hareketli Menü

Blogger Hareketli Menü

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

<style>
.wg-ribmenu span {
    background:#A81B6A;
    display:inline-block;
    font-family:verdana;
     line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;
      -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}
.wg-ribmenu a:hover span {
    background:#FFD204;
    margin-top:0;
}
.wg-ribmenu span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}
.wg-ribmenu span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}
.wg-ribmenu a:link, .wg-ribmenu a:visited {
    color:#000;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}
.wg-ribmenu:after, .wg-ribmenu:before {
    margin-top:0.5em;
    content: "";
    float:left;
   border: 1.5em solid #A81B6A;
}
.wg-ribmenu:after {
    border-right-color:transparent;
}
.wg-ribmenu:before {
    border-left-color:transparent;
}
</style>
<div class='wg-ribmenu'>
    <a href='#'><span>Ana Sayfa</span></a>
    <a href='#'><span>Widget</span></a>
    <a href='#'><span>Blogger</span></a>
    <a href='#'><span>Arşiv</span></a>
    <a href='#'><span>Hakkımızda</span></a>
    <a href='#'><span>İletişim</span></a>
</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.

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 »

3 yorum ''Blogger Hareketli Menü"

YORUM EKLE
  1. Merhaba menünün boyutunu değiştirebiliyormuyuz ?

    YanıtlaSil
    Yanıtlar
    1. padding:0 1em; kodundaki 1em bir yazan rakamı değiştirerek istenilen uzunluğu elde edebilirsiniz.

      Sil
    2. Çok teşekkür ederim :)

      Sil

Önerilen Yazı
×