Twitter Takip

Blogger Yan Menü Oluşturmak





Blogger için resimdeki gibi yan menü yapmak çok kolay. Gayet kullanışlı ve pratik.

Hemen kuruluma geçiyorum.

Yerleşim > Html'yi düzenle > Widget şablonlarını genişlet diyoruz.

Şablonumuzda

]]></b:skin>

kodunu buluyoruz ve hemen üstüne

.fixed_menu {
position: fixed; /*set the position type for non IE systems*/
top: 140px;
left: 0px;
width: auto;
margin: 0 0px 0px 0px;
background: #ffffff;
opacity:.900;
filter: alpha(opacity=90);
padding: 7px 5px 5px 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
}
.fixed_menu a:hover img {
position: relative;
top: 2px;
left: 2px;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
}
.fixed_menu a { display: block; } /*Optional : This puts each link in the menu on a new line, remove if you want a horizontal menu*/
* html .fixed_menu {position:absolute;} /*IE only change the position mode of the menu*/

kodlarını ekliyoruz.

Sonra

<body>

kodunu bulup hemen altına

<div class='fixed_menu'>
<a href='http://
http://www.bloggerturkiye.org' title='Home'>
<img src='http://i46.tinypic.com/33be0cg.png'/></a>

<a href='mailto:Email Adresinizi yazın' title='Mail me'>
<img src='http://i45.tinypic.com/6glawh.png'/></a>

<a href='
http://www.bloggerturkiye.org/feeds/posts/default' title='Konularımı takip et.'>
<img src='http://i49.tinypic.com/2ym8u10.png'/></a>

<a href='
http://www.bloggerturkiye.org/feeds/comments/default' title='Yorumlara abone ol.'>
<img src='http://i46.tinypic.com/24e2fc7.png'/></a>

<a href='javascript:scroll(0,0)' title='Scroll to top of this page'>
<img src='http://i45.tinypic.com/2qsmn12.png'/></a>
</div>

kodlarını ekliyoruz.

Koyu renkle belirlediğim yerleri düzenlemeyi unutmayınız. Herhangi bir sorun yaşarsanız yorum bölümünü kullanmanız yeterli.



Kaan | 21:32 | 8 yorum

8 yorum:

  1. Merhaba BlogKaan, o kadar güzel eklentiler hazırlıyorsun ki, önce bunlar için eline, emeğine ve yüreğine sağlık ve mutluluklar dilerim. Bir fabrika gibi üretiyorsunuz, maşallah! Ama geçenlerde bloglarımızı kayan bir resimli menü ile gösteren eklentiyi bloğumdan tekrar kaldırmak zorunda kaldım, çünkü; makinayı kastı ve bloğun açılmasını ve blogdaki gezintiyi çok yavaşlattı. Söz konusu eklentiyi kaldırdığım da, bloğum tekrar eski hızına kavuştu.

    Çok teşekkür ederim. Sağolun, varolun.

    YanıtlaSil
  2. Kaan bu menü sayfa ile kayıyor mu?

    YanıtlaSil
  3. @Recep Altun
    İyi dilekleriniz için çok teşekkür ediyorum.
    O eklenti flash tabanlı olduğu için kasmış olabilir. Zaten bu tip eklentiler sayfa açılış hızının baş düşmanlarıdır :)

    @Mhmt Kly
    Evet sayfa ile kayıyor.

    YanıtlaSil
  4. Siteyi biraz kasiyor olabilir ama ziyaretçilerin dikkatini çekiyor diye düşünüyorum:)

    YanıtlaSil
  5. kaan yan menüyü oluşturamadım . şablon çözümlenmedi diyor,

    YanıtlaSil
  6. Bir sorun olmaması gerekiyor.
    Birşey gözünüzden kaçmış olabilir mi :)

    YanıtlaSil
  7. Benim Şablonumda < body > Kısmı Yok Ne Yapabilirim Acaba!!

    YanıtlaSil
  8. @Özgür

    Bütün temalarda o kod vardır hocam. Dikkat ediniz.
    Widgetleri genişletmeyi unutmayınız.

    YanıtlaSil

Takipçiler