Blogger Yan Menü

Davut arkadaşımız yeni bir eklenti bulmuş ve elinden geldiğince anlatmış bizlere. Bende kendi anlatımımla sizlere bu eklentiyi nasıl kuracağınızı göstereceğim.


Öncelikle Blogger profilimize giriş yaptıktan sonra HTLM düzenleye gelip, CTRL+F kombinasyonu ile şu kodu aratıyoruz;

]]></b:skin>

Bu kodu bulduktan sonra üstüne aşağıdaki kodları ekliyoruz;

.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*/

2. Adım ise kodunu gene CTRL+F kombinasyonuyla aratmak...

Bulduktan sonra hemen altına şu kodları ekliyoruz ;

<div class='fixed_menu'>

<a href='http://davuterarslan.blogspot.com' title='Ana Sayfa'><img src='http://blogfixes.googlepages.com/HomeIcon1.png'/></a>

<a href='http://davuterarslan.blogspot.com/2009/02/link-degisimi.html' title='İletişim'><img src='http://blogfixes.googlepages.com/EmailIcon1.png'/></a>

<a href='http://davuterarslan.blogspot.com/search/label/Blogger%20Yard%C4%B1m'><img src='http://i42.tinypic.com/bdsc9g.jpg'/></a>

<a href='http://davuterarslan.blogspot.com/feeds/posts/default' title='Yazılar RSS'><img src='http://blogfixes.googlepages.com/feediconblue1.png'/></a>

<a href='http://davuterarslan.blogspot.com/feeds/comments/default' title='Yorumlar RSS'><img src='http://blogfixes.googlepages.com/FeedIconorange.png'/></a>

<a href='javascript:scroll(0,0)' title='Yukarı Çık'><img src='http://blogfixes.googlepages.com/top.PNG'/></a>

</div>

Önizleme yaptıktan sonra bir sorun yoksa kaydedip çıkıyorsunuz :)

Güle güle kullanın...