Blogger'a Yan Menü Ekleme Resimli Kolay Anlatım

                                            Blogger'e  Yan Menü Ekleme

Blog sahipleri , genellikle üst menüyü kullanmayı çok sever. Ancak Bloglarına daha fazla menü ekleyerek takipçilerinin yazılarına ulaşmasını kolaylaştırmak isterler ,bu durumda da üst menüye  fazla link vererek üst menünün kalabalık hale gelmesine ve görüntüsünün bozulmasına neden olmaktadır.
Üst menüye yüklenmek yerine ziyaretçilerin içeriğe daha kolay ulaşmalarını sağlamak için blogun yan taraflarına sabit dikey menü eklemek çok daha kullanışlı ve şık bir görüntü vermektedir.

                                        Yan dikey menü nasıl eklenir ?

1-) öncelikle hesabınızdan blogunuzun yönetim paneline giriş yapın . YERLEŞİM ardında GADGET EKLE diyorsunuz.

2-) Gadget ekle dedikten sonra açılan pencereden HTML/ Java Script tıklayıp, açılan pencereye , Başlık yazan yere menüye eklemek istediğiniz başlığı yazıyotuz , alt taraftaki büyük boşluğa ise aşağıdaki kodları kopyalayıp yapıştırıyoruz.

3-) Aşağıdaki kodları büyük boş yere yapıştırıp üzerinde gerekli değişiklikleri yaparak , kaydet diyoruz.

 "Url adresiniz" yazan yere daha önce etiketlere eklemiş olduğunuz ve menü yapmak istediğiniz , etiketi tıklayarak ,adres satırında çıkan URL' yi kopyalayıp yapıştırınız.

<!-- Blogger Dikey Menu Code From http://www.internetdünyası.org/ --> 
<style>
#v-menu {
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
#v-menu {
    width: 275px;
}
#v-menu ul {
    list-style: none;
    text-indent: 0px;
}
#v-menu li {
    margin-top: 0px;
    border-bottom: 1px solid #414141;
}
#v-menu a {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight:bold;
    font-variant: inherit;
    padding: 0px;
    color:#CCC;
    display: block;
    padding: 13px 50px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUGofvIR5bJK6GIxcHS0UT2KQ2fYOf4fu9uiQfhBdGrkSadmTz-MBE5AGT_sxH7uqaHRoqOVlH02DRYTRCdVf1fb6twfsiID0iP0hzn1aOmEviWnmn_V6Nbf0MnQyLeOKBDYoST_oDJ1X/s1600/menu-bg.png) no-repeat;
    text-shadow: 1px 1px 1px #111;
    -webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
#v-menu a:hover {
    background: #5e5e5e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkj717or7sHca9pPvZ2a9oE1nn8RgmlV79wlsw-skG6T_3PozEaSIE5blzeqfZWBtxTEwKzKlbz4ljBfBct6clMLn367fRcStjepA96tWhhR7taXBOoYTiZtrwO5ceK__rKVEW3c3Re_6/s1600/hover-bg.png) no-repeat;
    font-size: 14px;
    padding: 13px 60px;
    -webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
   
}
#v-menu a:visited {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkj717or7sHca9pPvZ2a9oE1nn8RgmlV79wlsw-skG6T_3PozEaSIE5blzeqfZWBtxTEwKzKlbz4ljBfBct6clMLn367fRcStjepA96tWhhR7taXBOoYTiZtrwO5ceK__rKVEW3c3Re_6/s1600/hover-bg.png) no-repeat;   
}
#v-menu a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkj717or7sHca9pPvZ2a9oE1nn8RgmlV79wlsw-skG6T_3PozEaSIE5blzeqfZWBtxTEwKzKlbz4ljBfBct6clMLn367fRcStjepA96tWhhR7taXBOoYTiZtrwO5ceK__rKVEW3c3Re_6/s1600/hover-bg.png) no-repeat;   
}
</style>
<div id='v-menu'>
<ul>
<li><a href="URL ADRESİNİZ">menü adı</a></li>
<li><a href="URL ADRESİNİZ">menü adı</a></li>
<li><a href="URL ADRESİNİZ">menü adı</a></li>
<li><a href="URL ADRESİNİZ">menü adı</a></li>
<li><a href="URL ADRESİNİZ">menü adı</a></li>
<li><a href="URL ADRESİNİZ">menü adı</a></li>
</ul>
</div>
<!-- Blogger Dikey Menu Code From http://www.internetdünyası.org/ -->

Kolay gelsin